title: JQuery event handling
body: <p>I have a html structure like this : </p>
  
  <pre><code> &lt;div id="nav_holder" style="position:absolute;border-radius:400px;width:0px;height:0px;background-color:#460203;z-index:350px;"&gt;
  &lt;div id="inner_wrap"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am dynamically putting some html code in "inner_wrap"</p>
  
  <pre><code>var h_h=$("&lt;h1 class='myh1'&gt;"+$(txt).html()+"&lt;/h1&gt;");
  $("#inner_wrap").append(h_h);
  var linkkk=$(document).find("#txt1link").html();
  $("#inner_wrap").append(linkkk);
  </code></pre>
  
  <p>where as all the link have css class as "showlink"  </p>
  
  <p>I am writing following code in</p>
  
  <pre><code>$(document).ready(function(){
      $("#nav_holder").mouseenter(function(){
  show=true;
  console.log("in_#nav_holder_mouseenter");
  });
  $("#inner_wrap").mouseenter(function(){
  show=true;
  console.log("in_#inner_wrap_mouseenter");
  });
  
  $(".myh1").mouseenter(function(){
  show=true;
  console.log("in_myh1_mouseenter");
  });
  
  $(".showlink").mouseenter(function(){
  show=true;
  console.log("in_showlink_mouseenter");
  });
  });
  </code></pre>
  
  <p>However  i am unable to get the events for .showlink and .myh1
  can anybody please guide me.
  I am new to Jquery
  Only log which got printed was 
  in_#nav_holder_mouseenter
  in_#inner_wrap_mouseenter</p>