Empty Input Check

Append html to element if not empty

by TheOrdinaryGeek

HTML

<input type="search" id="searchName" type="text">
<div id="searchFilter">
  <p><span id="filterName"></span></p>
</div>

JavaScript

$('#searchName').keyup(function() {
  var val = $(this).val();
  if (val != "") $("#filterName").text("Name: " + val);
  else $("#filterName").text("");
});