Append to an unordered list

Append to an unordered list using jQuery

by Fahd Murtaza

HTML

<div class="ba_column">
		            <h5 class="ba">Label</h5>
		            <ul id="ba_label">
                
		            </ul>
		        </div>

JavaScript

// If JS enabled then add fields
$(".ba_column").append('<input placeholder="Add label" id="resp_input" ></input><input type="button" value="Add" id="add"> ');

//$( "span" ).appendTo( "#foo" );

$("#add").click(function(){
    
        $('#ba_label').append("<li><input type='text' value=''></li>");
});