title: jQuery click event not working after alert
body: <p>After appending table I am checking on button click event. Javascript alert is working but jQuery click event is not working.</p>
  
  <p>I cannot seem to find my mistake.</p>
  
  <pre><code>$("#inputcon").change(function(e){
  
      if($(this).attr('checked')){
          $(this).val('TRUE');
  
      }else{
          $(this).val('FALSE');                
      }
  
      if($(this).val() == 'TRUE'){
  
          $("div#Add").append(' &lt;table id="inputT" style=""&gt; &lt;tr&gt; ' +
              '&lt;td&gt;&lt;label&gt;Input Control Name :&lt;/label&gt;  &lt;/td&gt;' +
              '     &lt;td&gt;&lt;input id="icname" type="text" name="icname"  &gt;&lt;/td&gt;' +
              ' &lt;/tr&gt;' +
              ' &lt;tr&gt;' +
              '     &lt;td&gt;&lt;label&gt;Parameter Name :&lt;/label&gt;  &lt;/td&gt;' +
              '    &lt;td&gt;&lt;input id="pname" type="text" name="pname"  &gt;&lt;/td&gt;' +
              ' &lt;/tr&gt;             ' +          
              ' &lt;tr &gt;' +
              '    &lt;td&gt;&lt;label&gt;DataType:&lt;/label&gt;  &lt;/td&gt;' +
              '   &lt;td&gt;&lt;select name="datatype"  class="texta" id="datatype"  style="width: 328px "   &gt; ' +
              '    &lt;option value="string"&gt;Text&lt;/option&gt; ' +
              '         &lt;option value="date"&gt;Date&lt;/option&gt;' +
              '         &lt;option value="number"&gt;Number&lt;/option&gt;' +
              '     &lt;/select&gt;&lt;/td&gt;' +
              '      &lt;/tr&gt;' +
              '     &lt;tr  &gt;' +
              '       &lt;td&gt;&lt;label&gt;Input Type:&lt;/label&gt;   &lt;/td&gt;' +
              '   &lt;td&gt; &lt;select name="inputtype"  class="texta" id="inputtype"  style="width: 328px "   &gt;' +
              '         &lt;option value="text"&gt;Text&lt;/option&gt;' +
              '          &lt;option value="date"&gt;Date&lt;/option&gt;' +
              '          &lt;option value="singleList"&gt;Single Select List&lt;/option&gt;' +
              '         &lt;option value="singleQue"  &gt;Single Select Query List&lt;/option&gt;' +
              '          &lt;option value="multiList" selected="true"&gt;Multi Select List&lt;/option&gt;' +
              '         &lt;option value="multiQue" selected="true"&gt;Multi Select Query List&lt;/option&gt;' +
              '      &lt;/select&gt;&lt;/td&gt;' +
              ' &lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;input onClick="alert(this.id);" id="inconbutt" type="button" value="Add InputControl" name="Add InputControl"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;');
      }else{
  
          $("table#inputT").remove();
      }
  });
    $("#inconbutt").click(function() {
      alert("add");
      var i1 = $("#icname").val() ; 
      var pname = $("#pname").val();
      var dtype = $("#datatype").val();
      var itype = $("#inputtype").val() ;
      alert(i1);
      alert(pname);
      alert(dtype);
      alert(itype);
   /*   $.ajax({
          type:"POST",
          url:"Welcome.jsp",
          data:"inputname="+i1+"&amp;pname="+pname+"&amp;datatype="+dtype+"&amp;intype"+itype,
          success: function(){
              $("table#inputT").remove();
              $("table#tableI").append(' &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;'+i1+'&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href="#"&gt;Remove&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; ' ) ;
          }
      }); */
  });
  </code></pre>