title: How to add div field dynamically in to a html page?
body: <p>i tried to add a div field dynamically on clicking button but i am not getting response. here is my code. </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="#para"&gt;
    &lt;tr class="divider"&gt;&lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="file" &lt;/td&gt;
      &lt;td&gt;&lt;input type="time" placeholder="Enter Medicin Time"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="date" placeholder="Enter Start Date"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="date" placeholder="Enter End Date"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="divider"&gt;&lt;/tr&gt;
  &lt;/div&gt;
  &lt;button type="submit" class="button" id="#btn1" value="Submit"&gt;&lt;img src="images/plus.png"&gt; Add More Notification&lt;/button&gt;
  </code></pre>
  
  <p>Here Is My Js Code </p>
  
  <pre><code>$(document).ready(function(){
    $("#btn1").click(function(){
      $("#para").append('  &lt;tr class="divider"&gt;&lt;/tr&gt; &lt;tr class="notification-row"&gt;&lt;td&gt;&lt;input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"&gt;&lt;/td&gt;  &lt;td&gt;&lt;input type="file" &lt;/td&gt; &lt;td&gt;&lt;input type="time" placeholder="Enter Medicin Time"&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="date" placeholder="Enter Start Date"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="date" placeholder="Enter End Date"&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr class="divider"&gt;&lt;/tr&gt;');
    });
  });
  </code></pre>