title: When I'm clicking on input filed it works, but if I add new fields of input field the blur function on that is not working How to solve this by jquery
body: <blockquote>
  <p>html code</p>
  </blockquote>
  <pre><code>&lt;div id=&quot;add-code&quot;&gt;
  &lt;input type=&quot;text&quot; class=&quot;code&quot;&gt;
  &lt;/div&gt;
  &lt;a id=&quot;new-code&quot;&gt;&lt;/a&gt;
  </code></pre>
  <blockquote>
  <p>java script code</p>
  </blockquote>
  <pre><code>&lt;script&gt;
  $(document).ready(function(){$(&quot;#new-code&quot;).click(function(){$(&quot;#add-code&quot;).append(`&lt;input type=&quot;text&quot; class=&quot;code&quot;&gt;`)
  });
  $(&quot;.code&quot;).blur(function(){$(this).remove()})
  })
  &lt;/script&gt;
  </code></pre>
  <blockquote>
  <p>here I have made a on click function for my  tag for adding more input fields and blur function on code class for removing that input field but as I add more fields, the new added input fields do not support blur function</p>
  </blockquote>