title: Include php file by Ajax when click Tabs
body: <p>I want to include 1 php file in "inc" folder in my WORDPRESS theme by ajax.
  By the way i get the ID of "li a" when click per tab.
  Please tell me what wrong in my code. I'm not good in javascript.
  Thanks for help.</p>
  
  <p>Here my JS code.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(".tab_menu ul li a").click(function() {
      jQuery("#result").html("&lt;span class='loading'&gt;Loading...&lt;/span&gt;").fadeIn();
          var $linkId = $(".tab_menu ul li a").attr("id");
          $.ajax({
            url: "&lt;?php echo get_bloginfo('template_url').'/inc/';?&gt;" +$linkId+ ".php",
            type: "POST",
            data: {tab: linkId},
            success: function(msg){
              jQuery(".loading").remove();
              jQuery("&lt;div&gt;").html(msg).appendTo("div#result").hide().fadeIn("slow");
          }
      });
      return false;
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And here my tabs menu code:</p>
  
  <pre><code>&lt;div class="tab_menu"&gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a id=""&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a id="tab_hinh_anh"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a id="tab_binh_luan"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a id="tab_ban_do"&gt;Tab 4&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!--end tab-menu--&gt;
  </code></pre>
  
  <p>My php file to include in "inc" folder and file name = linkId +.php (ex: inc/tab_ban_do.php)</p>
  
  <p>When i Click per tab.. it fadeIn the Loading... text.. but not load php file.
  And I view source: + linkId + not be change to ID of the tab. :(</p>