title: Appending html button and then calling its onClick event jquery
body: <p>I am trying to append some html in a div i.e. </p>
  
  <pre><code> $("#color").append('&lt;label&gt;Color&lt;/label&gt;&lt;select id="sel"&gt;&lt;option&gt;Natural&lt;/option&gt;&lt;option&gt;Black&lt;/option&gt;&lt;option&gt;White&lt;/option&gt;&lt;option&gt;Navy&lt;/option&gt;&lt;/select&gt;&lt;/br&gt;&lt;label&gt;Quantity&lt;/label&gt; &lt;/span&gt;&lt;input type="text" name="qty"&gt;&lt;/br&gt;&lt;label&gt;Unit Price&lt;/label&gt;&lt;div class="input-prepend"&gt; &lt;span class="add-on"&gt;$&lt;/span&gt;&lt;input type="text" name="uprice"&gt;&lt;span class="add-on"&gt;.00&lt;/span&gt;&lt;/div&gt;&lt;/br&gt;**&lt;a href="#" id="item-add" class="btn btn-info"&gt;Add Item&lt;/a&gt;**');
  </code></pre>
  
  <p>and then trying to call that button Click function i.e.</p>
  
  <pre><code>$('#item-add').on('click','.(function(){
  
          alert("HELLO");
  });
  </code></pre>
  
  <p>But it doesn't seems to be working. Please help. Thanks</p>