title: js not working properly on page which is loaded by jquery .load()
body: <p>I am new to jquery and can't even assume how deeply this issue can go.
  When the external page (in this case shop.php) is loaded into index.php, by Jquery function .load(); , it falls apart. Many jquery commands and plugins, that are applied to the shop.php page, aren't working.
  This confuses me, because some of js commands and plugins still works. Obviously i can't say that files are not loaded completely, just majority of them are not working.</p>
  
  <p>When I paste shop.php content into index.php, it works perfect. Also when i add desired js code into shop.php (wrapped into script tag), it works as well.</p>
  
  <p>I really don't expect from anyone to look deeply into this problem. I just wanna know if this is common issue, and is there simple explanation for it ? 
  If not i'll seek for some different approach.</p>
  
  <p>My code:</p>
  
  <p>index.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.4.min.css"&gt;
      &lt;script type="text/javascript" src="js/jquery-1.10.2.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery-ui-1.10.4.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/shop.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.touchcarousel-1.2.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/main.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.ddslick.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/top-navigation.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="top-bar"&gt;&lt;?php include("top-bar.php"); ?&gt;&lt;/div&gt;
  
  &lt;div id="pageWraper"&gt;&lt;?php include("home.php"); ?&gt;&lt;/div&gt;
  
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>top-bar.php</p>
  
  <pre><code>&lt;div id="nav"&gt;
  &lt;ul id="navigationWraper"&gt;
      &lt;li&gt;&lt;a href="home.php" class="menuLink"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="menuLink"&gt;About Us&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="menuLink"&gt;Services&lt;/a&gt;&lt;/li&gt;
      &lt;ul class="submenu"&gt;
          &lt;li&gt;asdasd&lt;/li&gt;
          &lt;li&gt;asdasdas&lt;/li&gt;
          &lt;li&gt;derwer&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li&gt;&lt;a href="shop.php" class="menuLink"&gt;Shop&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="menuLink"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="menuLink"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="menuLink"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>shop.php</p>
  
  <pre><code>&lt;div id="shop"&gt;
  &lt;div id="shopheader"&gt;
    &lt;div id="shopitemstop"&gt;
      &lt;div id="productcat"&gt;
  
            &lt;!-- bunch of code --&gt;
  
       &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$(document).ready(function(){
  
  $(function() {
      $("a.menuLink").on("click", function(e) {
          e.preventDefault();
          $("#pageWraper").load(this.href);
  
      });
  });
  
  });
  </code></pre>
  
  <p>Hope this helps</p>
  
  <p>Thanks,</p>
  
  <p><strong>Update :</strong></p>
  
  <p>I added:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $.getScript("js/shop.js");
      $.getScript("js/jquery.touchcarousel-1.2.js");
      $.getScript("js/main.js");
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>on top of shop.php page, dont know how right this is, but its working now. 
  Only thing that bugs me is if i remove jquery.touchcarousel-1.2.js from index.php head, page falls apart. It is like, only working if both of them are loaded ????</p>