JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
   <div id="auth1" name="auth1">
                    <label>Name of the Author</label>
                    <div id="auth-box">
                        <input type="text" name="auth1" placeholder="John Smith"  style="width:200px;" value=""/>
                    </div>
                    <input type="button" data-inline="true" value="Add Author	" onclick="addtxt()"/>
                    </div>
                    <input type="hidden" id="auth_cnt" name="auth_cnt" value="1">
                <div>

JavaScript

window.addtxt = function()
{
     var div = document.createElement('div');

    div.innerHTML = '<input type = text name = "auth">';
    $('#auth-box').after(div).trigger('create');
	
}