title: jQuery `.parent().remove()` is not working
body: <p>The solution may be obvious, but when clicking the <code>.remove</code> element, I am trying to remove the entire <code>.tag</code> element that is the parent. Currently, clicking the <code>.remove</code> element has no response.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>'&lt;div class="tag"&gt;&lt;input id="' + id + '" type="hidden" name="' + name + '" value="' + value + '" /&gt;' + input + '&lt;i class="remove dismiss fa fa-remove"&gt;&lt;/i&gt;&lt;/div&gt;'
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.remove').on('click', '.remove', function() {
    $(this).parent().remove();
  });
  </code></pre>