Jquery rest

Jquery

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<div  class="content">
<input type="search" id="search" placeholder="Search">
<ol id="jsonData"></ol>
</div>

JavaScript

$(function(){
$.get("https://jsonplaceholder.typicode.com/posts",function(data){
	for(var x = 0;x <= data.length;x++){
		$('#jsonData').append('<li><a href="#">'+data[x].title+"</a><p>"+data[x].body+"</p></li>")
	}
});
$('#search').keyup(function(){
  var searchInput = $(this).val();
  $('#jsonData>li').each(function(){
   	var text = $(this).text().toLowerCase();
    (text.indexOf(searchInput) >= 0) ? $(this).show() : $(this).hide();         
  });
});
});