title: jQuery click event handlers don't work after loading html page with load()
body: <p>Hi I am loading several html pages on an index page depending on what link was clicked.I have a problem with the links that have asocietted click event handlers.It seems that after the jQuery loads the html file the links in that html do not have there click event handlers binded to them.
  Here is my code:</p>
  
  <p>This is the html for one of the links that does not work:</p>
  
  <pre><code>&lt;a href="#" id="NavContactPage" data-sectionId="Skills"&gt;skills&lt;/a&gt;
  </code></pre>
  
  <p>This is the jquery code asocieted with it:</p>
  
  <pre><code>$("nav a , a.first_anchor , a#NavContactPage").click(function(){
      var id = $(this).attr("data-sectionId");
      var link = "load/" + id + ".html";
  
      $("div#Content").load(link , function(){
          $("section#" + id).fadeIn(); 
          if(id === "Portfolio"){
              $('div.slide').cycle('fade');
          }
          if(id === "Home"){
              $("#jcycleslider").cycle({
                  fx: mtransition,
                  easing: easing,
                  before: onBefore,
                  after: onAfter,
                  speed: mpace,
                  timeout: mnext,
                  sync: msync,
                  randomizeEffects:0,
                  pager:'#jslider_nav'
              })
              $("#jslider_nav a").text("");
          }    
      })      
      return false;
  })
  </code></pre>
  
  <p>How can I solve this problem?</p>