title: jquery .load() function only working the first time
body: <p>So I have a website I am working on just as a personal website that uses jQuery and jQuery UI</p>
  
  <p>Previously I have been using hidden html code and just using jquery to show it.
  But its making my html file messy so I wanted to use jquery's .load()  to do the same thing but from an external file.</p>
  
  <p>Right now, its set to a .click function.</p>
  
  <p>For my hidden html it shows it every time when I click a particular element.When you click on a different element it. It hides the first one. I am doing it by having a div with  2 classes.  The problem is when I tried to load html into a hidden div, and then show it and hide it, it only worked the first time.</p>
  
  <p>Enough talk, here is my code. #1 works , #2 only works on the first click. And leaves imagearea blank every time after.</p>
  
  <pre><code>$(".jquery").click(function(){
  
      clearImageArea();
      hideThumbnails(5);
      showThumbnails();
      $("#1").click(function(){
  
          $(".imagearea").html(js);
          $(".jscode").show(1000);
          $(".title").text("Extending jQuery");
      });
      $("#2").click(function(){
            $(".jquery2").empty();
            $(".jquery2").load("jqueryEx.html");
  
  
            var jquery2 =  $(".jquery2");
            $(".imagearea").html(jquery2);
            $(".jquery2").show(1000);
            $(".title").text("Extending Jquery Example");
        });
  
  
    });
  </code></pre>
  
  <p>now my hidden stuff in my html file</p>
  
  <p>First my html and js code is loaded into here from jqueryEx.html and is being hidden elsewhere in my javascript via   <code>$(".hidden").hide();</code>  and loaded then into into imagearea via <code>.html()</code>  and shown via <code>.show()</code></p>
  
  <pre><code>      &lt;div class="jquery2 hidden"&gt;
  
        &lt;/div&gt;
  </code></pre>
  
  <p>My other div looks like this which is put into imagearea by clicking on #1</p>
  
  <pre><code>    &lt;div class="jscode hidden"&gt;
         &lt;div class="block"&gt;
  </code></pre>
  
  <p>//lots of js code escaped out into html</p>
  
  <pre><code>        &lt;/div&gt; &lt;!-- end of block--&gt;    
       &lt;/div&gt;
  </code></pre>
  
  <p>elsewhere in my JS code at the beginning I have <code>var js=$(".jscode");</code> to load it into the js variable you saw earlier.</p>
  
  <p>if you want to see an out of date example of what I am working on
  go to www.3realsoft.com   (only cs and js work on skills)</p>
  
  <p>if you want to see any additional parts of my code, just ask. Most of it is there on my website though.</p>