title: Reload Jquery .on event handler
body: <p>I have a table with inputs. The user can start type and a JQuery script (<a href="https://jqueryui.com/autocomplete/#multiple" rel="nofollow noreferrer">https://jqueryui.com/autocomplete/#multiple</a>) autocompletes users text.</p>
  
  <p>The user can also add new inputs to the table with a simple JavaScript createElement and innerHTML function.</p>
  
  <p>The problem arrives when the user adds the new inputs because JQuery doesn't register the new inputs and therefore it <strong>doesn't attach an event handler to autocomplete users text</strong>.</p>
  
  <p><strong>One solution</strong> that may work (but I couldn't get it to work) is the JQuery .delegate() function.</p>
  
  <p><strong>EDIT (Added source code):</strong></p>
  
  <p><a href="https://jsfiddle.net/j8rz7s1q/7/" rel="nofollow noreferrer">https://jsfiddle.net/j8rz7s1q/7/</a> 
  <code>Can't get the code to format correctly from jsfiddle</code></p>