title: Jquery Hide parent div onclick
body: <p>I want to hide parent div when a child div is clicked.I have appended the div when "add more" button is clicked.In short when "X" in div is clicked its parent div should hide.Here is my <a href="http://jsfiddle.net/abinaya91/V4Xgq/1/" rel="nofollow">Fiddle</a></p>
  
  <pre><code>$( "#appenddiv" ).on( "click", function() {
       $( ".uploadimg" ).append( "&lt;div class='image'&gt;&lt;div class='delete'&gt;X&lt;/div&gt;&lt;/div&gt;" );
  });
  $(".delete").on("click",function(){
      $(this).parent().hide();
  });
  </code></pre>