title: Create div inside another dynamically
body: <p>I am trying to dynamically create a div inside another using jquery, but it does not show up. My code is:</p>
  
  <pre><code>$(document).ready(function()
  {
      $('#well_show').click(function(){
          $("#gen_div").empty(); //empty previous generated divs if any
          $("#gen_div").append("&lt;div id='well'&gt;&lt;/div&gt;"); //create new div
          $('#well').css("height","500px","width","500px","background-color","red"); 
      }); 
  });
  </code></pre>
  
  <p>What am I doing wrong?</p>