Not able to handle dynamic <button> elements using :button selector

Not able to handle dynamic <button> elements using :button selector

In the code given below, the buttons part of the original html code are being easily handled by the $(":button") selector. But when I create new buttons using jquery based on value selected from the dropdown menu, the new buttons are not being selected by the :button  selector.

  2.  
  3. <script>
  4. $(document).ready(function () {
  5. $(":button").click(function () {
  6. alert("here");
  7. })
  8. });
  9. </script>

  11.   <select id="thing" name="garden" >
  12. <option id="u" selected="selected" ></option>
  13.     <option id="1" > Flowers </option>
  14.     <option id="2" > Shrubs </option>
  15.     <option id="3" > Trees </option>
  16.     <option id="4" > Bushes </option>
  17.     <option id="5" > Grass</option>
  18.     <option id="6" > Dirt</option>

  20.   </select>

  22.   <button> + </button>

  24.   <div id="area"></div>

  26.   <button> + </button>
  27. <script>
  28.     $("#thing").change(function () {
  29.           var str = "";
  30.  var id="";
  31.  var num=1;
  32.           $("#thing option:selected").each(function () {
  33.                 str += $(this).text() + " ";
  34.                 id = $(this).attr('id');
  35. $("#"+id).attr('disabled',"disabled");
  36.               });
  37.  if (id != "u") {
  38.  var tx=$("#area").html();
  39.  var button="<button>-</button>";
  40.      $("#area").html(tx+"<div>"+str+" "+button+"</div>");
  41.  };
  42.         }).trigger('change');
  43. </script>