title: JQuery click to continuously add new element
body: <p>I have some code that makes a <code>&lt;p&gt;</code> element appear when a button is clicked using jquery.  If the button is pressed twice I would like for another <code>&lt;p&gt;</code> element to appear.  Right now that doesn't happen (the <code>&lt;p&gt;</code> only appears once).</p>
  
  <p>JQUERY:</p>
  
  <pre><code>$(document).ready(function(){
  
      $("#add").click(function() {
          $(".input").css("display","block");
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p class='input' style='display: none;'&gt;
      text here
  &lt;/p&gt;
  
  &lt;input type='button' value='Add class' id='add'&gt;
  </code></pre>