$(document).ready(function() { /** * AJAX Beer Search Filter */ $("#beer-search").keyup(function() { var content = $("#beer-search").val(); if(content.length >= 0) { $.getJSON("/beers/search", {"value": content}, function(data) { $("#beer-table tbody tr").remove(); for(var i=0;i<data.length;i++) { var html = "<tr>"; html += "<td><a href=\"/beers/show/"+data[i].id+"\">"+data[i].name+"</a></td>"; html += "<td><a href=\"/breweries/show/"+data[i].brewery+"\">To Brewery</a></td>"; html += "<td>"; html += "<a class=\"btn btn-small btn-warning\" href=\"/beers/edit/"+data[i].id+"\">Edit</a>\n"; html += "<a class=\"btn btn-small btn-danger\" href=\"/beers/delete/"+data[i].id+"\">Delete</a>"; html += "</td>"; html += "</tr>"; $("#beer-table tbody").append(html); } }); } }); /** * AJAX Brewery Search Filter */ $("#brewery-search").keyup(function() { var content = $("#brewery-search").val(); if(content.length >= 0) { $.getJSON("/breweries/search", {"value": content}, function(data) { $("#brewery-table tbody tr").remove(); for(var i=0;i<data.length;i++) { var html = "<tr>"; html += "<td><a href=\"/beers/show/"+data[i].id+"\">"+data[i].name+"</a></td>"; html += "<td>"; html += "<a class=\"btn btn-small btn-danger\" href=\"/beers/delete/"+data[i].id+"\">Delete</a>"; html += "</td>"; html += "</tr>"; $("#brewery-table tbody").append(html); } }); } }); });