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();         
  	});
	});
});