adding input fields without js/query

[eluser]CroNiX[/eluser]

Code:

//...form....
<input name="firstname" id="firstname" />

<a href="#" id="add_element">Click to Add</a>

Code:

<xscript type="text/javascript">
$(document).ready(function() {
    //add a click event to the anchor to trigger the making of the new form element
    $('#add_element').click(function(e){
        e.preventDefault();
        //create new html element
        var new_el = jQuery('&lt;input /&gt;')
            .attr('id', 'lastname')
            .attr('type', 'text')
            .attr('name', 'lastname');
        //insert it after the #firstname element
        $('#firstname').after(new_el);
    });
});
</xscript>