JSFiddle - React, Tailwind, and code Playground

HTML

<div id='delegate'>
    <li><input type="text" /><br /></li>
    <li><input type="text" /><br /></li>
    <li><input type="text" /><br /></li>
    <li><p class="feedback"></p>
    <input type="submit" value="next" class="next" /></li>
</div>
<div>
    <li><input type="text" /><br /></li>
    <li><input type="text" /><br /></li>
    <li><input type="text" /><br /></li>
    <li><p class="feedback"></p>
    <input type="submit" value="next" class="next"  /></li>
</div>
<div>
    <li><input type="text" /><br /></li>
    <li><input type="text" /><br /></li>
    <li><p class="feedback"></p>
    <input type="submit" value="next" class="next"  /></li>
</div>

JavaScript

$("li").delegate(".next","click", function(e) {
    console.log(e);

        $('input', e.delegateTarget).remove();

});