title: html tags not working in Javascript
body: <p>i have a form and when i append another field to it i cant use this in my other function.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
       &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
       &lt;script&gt;
          $(document).ready(function(){
            $(".registerNums").click(function(){
                $("#hello").append('&lt;input type="button" value="register" class="inputMems"&gt;');
            });
            $(".inputMems").click(function(){
               alert("hi")
           });
         });
     &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div&gt;
        &lt;form&gt;
          &lt;div id="hello"&gt;&lt;/div&gt;
          &lt;input type="button" value="register mems" class="registerNums"&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>look my inputMems button doesnt work : <a href="http://jsfiddle.net/Yelesee/3uecqLxn/" rel="nofollow noreferrer">http://jsfiddle.net/Yelesee/3uecqLxn/</a></p>