JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/malsup/form/raw/master/jquery.form.js"></script>
<html>
    <head></head>
    <body>
        <!-- TODO: add proper action and method to the form tag -->
        <form id="myForm">
            
            <div id='container'>
                <input type="file" name="myFile" id="myFile"/>
            </div>
            <a href="#" id="clear">Clear</a>
           
            <input type="submit"/>
        </form>
    </body>
</html>

JavaScript

$(document).ready(function () { 
    
   click_bind();
    
    $('#myForm').ajaxForm(function() { 
        alert('ajaxForm');
    });    
});

function click_bind(){
     $('#myFile').change(function () {
       // alert('change');
        clear_on_click();
    });
}
function clear_on_click(){
    
     var control = $("#myFile"),
    clearBn = $("#clear");

clearBn.on("click", function(){
    $("#myFile").remove();
    $('#container').html("<input type='file' name='myFile' id='myFile'/>");;
        click_bind();
});
   
}