title: jquery :button selector not able to handle dynamic button fields
body: <p>In the code below, jquery selector $(":button") is able to select the (+) button.</p>
  
  <p>However, when I create new buttons according to selected value of the dropdown menu. The same selector is not able to select the new (-) buttons.</p>
  
  <p>The code is attached :</p>
  
  <pre><code> &lt;script&gt;
  $(document).ready(function () {
  $(":button").click(function () {
          alert("here");
          })
  });
  
  &lt;/script&gt;
  
  &lt;select id="thing" name="garden" &gt;
  &lt;option id="u" selected="selected" &gt;&lt;/option&gt;
  &lt;option id="1" &gt; Flowers &lt;/option&gt;
  &lt;option id="2" &gt; Shrubs &lt;/option&gt;
  &lt;option id="3" &gt; Trees &lt;/option&gt;
  &lt;option id="4" &gt; Bushes &lt;/option&gt;
  &lt;option id="5" &gt; Grass&lt;/option&gt;
  &lt;option id="6" &gt; Dirt&lt;/option&gt;
  
  &lt;/select&gt;
  
  &lt;button&gt; + &lt;/button&gt;
  
  &lt;div id="area"&gt;&lt;/div&gt;
  
  &lt;button&gt; + &lt;/button&gt;
  &lt;script&gt;
  $("#thing").change(function () {
        var str = "";
        var id="";
        var num=1;
        $("#thing option:selected").each(function () {
              str += $(this).text() + " ";
              id = $(this).attr('id');
      $("#"+id).attr('disabled',"disabled");
            });
        if (id != "u") {
            var tx=$("#area").html();
            var button="&lt;button&gt;-&lt;/button&gt;";
            $("#area").html(tx+"&lt;div&gt;"+str+" "+button+"&lt;/div&gt;");
        };
      }).trigger('change');
  &lt;/script&gt;
  </code></pre>