How to clear the text input field using Jquery

Question

I'm creating a to-do list application after taking input i want to clear the input filed
https://code.sololearn.com/WeEMcXx833xG/?ref=app

Answer 1

// In JS

var notes_list = $("#demo");
var btn = $("#submit_btn");
var note = $("#note");

$(function() {
btn.click(function () {
if(note.val() == "") return;

var note_elem = $("<li></li>").text(note.val());
note_elem.append("<button class='remove'>X</button>")
notes_list.append(note_elem);

$(".remove").click( function() {
$(this).parent().remove();
});

note.val(''); // to clear the text
});
});

Answer 2

Thank you

Answer 3

I tried but it's not working