title: External page div load with jQuery element error
body: <p>If anybody that knows jQuery better than me (probably 99% here since this is my first week trying this code :) have some time left over here´s a question that I really need some answer to. Sorry for some incorrect english.</p>
  
  <p>Some of you have probably read the other questions I asked about putting external page content into divs and UI select-slide elements that dosent load properly in such loaded divs, this is a continuation on that subject and now I hope to solve this and I make a new subject to gather the info here. The main question is Why UI-sliders (select elements) dont work when they are loaded (from div in another page) to divs via jQuery (in same homepage).</p>
  
  <p>This is the code I am using to load content into the site:</p>
  
  <pre><code>load_script.js
  $(document).ready(function(){
      $('#div_that_will_receive_content').load('from_page.html #from_div');
  });
  </code></pre>
  
  <p><strong>Problem:</strong> The problem occurs in two different ways.
  1: When only the DIV is loaded the slider dosent show, evrything els in the div shows and the div loads correct except from the slider. The slider shows up for 0.1 second at the loading moment then disapears.
  2: When a entire site is loaded in (included ui sliders) the content loops and the site never stops loading, when checking in browser consol 25-30mb is loaded in seconds. Even in this case the slider shows for maybe 0.1 second exacly at load moment, and becuse the of the loop-loading of the site the slider flashes.</p>
  
  <h3>Page_1.html</h3>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="jquery-1.8.3.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui-1.9.2.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="load_script.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;link href="jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" /&gt;
  
  &lt;script&gt;
  $(function() {
      $( "#slider" ).slider();
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="div_1"&gt;DIV 1 = This is where the content of div_2 should be&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>Page_2.html</h3>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="jquery-1.8.3.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui-1.9.2.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="load_script.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;link href="jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" /&gt;
  
  &lt;script&gt;
  $(function() {
      $( "#slider" ).slider();
  });
  &lt;/script&gt;
   &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="div_2"&gt;DIV 2 = This div containing a slide-select-element will be loaded to to     div_1&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>load_script.js</h3>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $('#div_1').load('Page_2 #div_2');
  });
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>I am still having some problems with this. Now the problem is that if I load the entire Page2.html into the div in Page1.html it all goes well. But if I just load in selected divs from Page2.html the slide-elements dont show up, but the rest of the content does (text).</p>
  
  <p>This work and the whole page get loaded in including the sliders:</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $('#div_1').load('Page_2');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This dont work and the sliders dont show up but the rest of the content does (text):</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $('#div_1').load('Page_2 #div_2');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Does anybody have a clue what this can depend on?</p>