title: Unable to call specific content from an external file inside jquery
body: <p>I am unable to load a specific content located inside of an external html file using jquery inside DIV container :/</p>
  
  <p>Please visit a link: <a href="http://www.flyingcowproduction.com/123" rel="nofollow">http://www.flyingcowproduction.com/123</a> to have a better idea of a problem I am experiencing by pressing any button of the main menu. Each button should show a content assigned to it but instead the entire content inside the load.php file is displayed inside the container</p>
  
  <p>Does anyone know what the problem is? I am also providing the code for the menu, javascript and the link to the loader page (view source).</p>
  
  <p>MENU:</p>
  
  <pre><code>&lt;ul id="menu"&gt;
  
          &lt;li&gt;&lt;a href="home" class="openContentLink"&gt;&lt;img src="img/menu/logo.png" alt="Platinum Limo Services" /&gt;&lt;/a&gt;
          &lt;li&gt;&lt;a id="services1" href="#Services" class="services openContentLink"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="rates1" href="#Rates" class="rates openContentLink"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="reservations1" href="#Reservations" class="reservations openContentLink"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="fleet1" href="#Fleet" class="fleet openContentLink"&gt;&lt;/a&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>JAVASCRIPT:</p>
  
  <pre><code>function loadPostUsingAjax(section) {
  loading('on');
  
  var loadStr = "load.php" + section;
  
  
  $('#singleContentInside').load(loadStr, function(){
  
      loading('off');
  
      $("#services1").click(function() {
          loadPostUsingAjax("#services")
      });
      $("#services2").click(function() {
          loadPostUsingAjax("#services")
      });
      $("#rates1").click(function() {
          loadPostUsingAjax("#rates")
      });
      $("#rates2").click(function() {
          loadPostUsingAjax("#rates")
      });
      $("#reservations1").click(function() {
          loadPostUsingAjax("#reservations")
      });
      $("#reservations2").click(function() {
          loadPostUsingAjax("#reservations")
      });
      $("#fleet1").click(function() {
          loadPostUsingAjax("#fleets")        
      });
      $("#fleet2").click(function() {
          loadPostUsingAjax("#fleets")        
      });
  
  });
  </code></pre>
  
  <p>}</p>
  
  <p>LOADER:</p>
  
  <p><a href="http://www.flyingcowproduction.com/123/load.php" rel="nofollow">http://www.flyingcowproduction.com/123/load.php</a></p>
  
  <p>Billion thanks in advance!!!</p>