Append to an unordered list

Custom functions

by Fahd Murtaza

HTML

<p>Still strip out tags on submission</p>
<div id="responsibilities"></div>
<div id="resp"></div>

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

CSS

input[type="text"][disabled] {
   color: red;
}
.hidden { display: none; }

JavaScript

// If JS enabled, disable main input
$("#ba_label").prop('disabled', true);
// $("#responsibilities").addClass("hidden");

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

// Add items to input field
var eachline='';
$("#add").click(function(){
    
        $('#ba_label').append("<div>" + "<li><input type='text' value='"+$('#resp_input').val()+"'></li>" + "</div>");
});