Здравствуйте, уважаемые форумчане! 
AJAX не давно стал разбирать и что то не верно пишу наверное!
 
Весь код размещен в wp движке.
Есть php файл в нем реализован вывод из БД стран разных континентов.
При клике на страну вызывается  функция ajax 
run_town передающая POST в другой all_hotels.php 
id страны, 
этот id должен попасть в запрос и в ответе будут все отели этой страны и выводится . 
Все как бы хорошо, только переменная у меня не передаётся не POST не GET. 
Код обоих файлов прилагается. Надеюсь на Ваши светлые умы!!!
Итак файл вывода стран:
all_hotel.php
function run_town(name)// здесь закидываю переменную клика по //стране которую нужно отправить в скрипт
    {   
        $.ajax({
            url: "wp-content/themes/salient/my_pages/all_hotels.php",
            data: "key="+name,
            type: "POST",
            dataType: "html",
            success: function(data){
                $('#responce').load('wp-content/themes/salient/my_pages/all_hotels.php');       
            }
      });
    }
    
	$(".btn0").click( function() {//Клик по стране
	   var per = this.id;
       var butt = this.id;
       var town_sel = this.id;
       runajax(per);
       run_town(town_sel);
    });	
     
});
</script>
<div style="position: relative; float: left; margin-top: 50px; min-height: auto; height: 1100px;">
	<?php 
	global $wpdb;
	$conts_dis = $wpdb->get_results("SELECT DISTINCT cont FROM country ORDER BY cont ");
	$conts = $wpdb->get_results("SELECT * FROM country "); 
	?>
	<div style="float: left; width: 20%;">
		<div class="accordion width_205">
			<? foreach ($conts_dis as $key) {?>
				<h3> <? echo $key->cont; ?> </h3>
					<div>
						<?	$cont = $key->cont;
							$sq = "SELECT * FROM country WHERE cont ='{$cont}'" ;
							$row_town = $wpdb->get_results($sq);
							foreach ($row_town as $key) {?>
								<p class="btn0" id="<? echo $key->town_name; ?>" ><span style="cursor: pointer"><? echo $key->town_name; ?></span></p>
							
                                
                                                     
							<?}?>
						
					</div>
			<?}?>
		</div><!--class="accordion"-->
	</div>
	<div style="float: left; width: 40%; ">	
		<div style="float: left; width: 90%;">
            <div id="inp1" style="font-weight: bold;"></div>
            <div id="p1"></div>
        </div>
        <div style="float: left; width: 10%; height: 500px;" id="img"></div>
        <div style="float: left;" id="my_link"></div>
        <div id="slider_town" ></div>		     
	</div>		
</div>
<div id="responce"></div>
-------------------------------------------------------------------------и сам файл с ответом ajax 
он и грузится в ответ с обновленным запросом в БД и выводит в цикле отели.
wp-content/themes/salient/my_pages/all_hotels.php
<?php   
        header('Content-type: text/html; charset=windows-1251');
       
        if (isset($_POST["key"])) $key = $_POST["key"];  
         
        if (!mysql_connect(localhost, platinum_2, platinum2013)){ exit; }
        
        $sql="SELECT * FROM hotel WHERE town_name ='{$key}'";
        
        mysql_select_db("platinum_2");
        
        $q = mysql_query($sql);
        
        $towns[] = mysql_fetch_assoc($q); 
                       
        
?>
<div>		
    <div style="float: left; width: 70%; height: 500px;">
        <script type="text/javascript" src="wp-content/themes/salient/my_pages/ajax.js"></script>
            <div class="accordion">
			  <? foreach ($towns as $key) { ?>  
				<h3> <? echo $key[town_name]; ?> </h3>
				
				    <div class="back_transp">
					   <? 	
						$hotel_town = $key[town_name];
                        
						$sql = "SELECT * FROM hotel WHERE town ='{$hotel_town}'" ;
						
                        $q = mysql_query($sql);
						
                        $hotels[]= mysql_fetch_assoc($q);
----------------------------------------------------------------