Notes

<input type="text" id='input' name="search" placeholder="">
<button id='submit'>Buscar Mi Carro</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
/*
This script retrieves 311 pot hole service request data for
from the
City of Chicago Data Portal

This script doesn't update the DOM.

*/

$('#submit').click(function(){
// base URL to the food inspections data
var baseURL = 'https://data.cityofchicago.org/resource/ygr5-vcbg.json';

// optional filters we're appending - status
var license = $('#input').val();
var filters = '?plate=' + license;
// full URL
var url = baseURL + filters;
console.log(url);
console.log(license)
// jQuery command to retrieve json data

$.getJSON(url)
.done (function (data) {
// TODO: add script to add data to the DOM
console.log(data);

// loop through the records

$.each(data, function(index, value){
var html = "<div>" + "<hr>" + "<h1>License Plate #: " + value.plate + "</h1>" +
"<p>Color: " + value.color + "</p>" +
"<p>Make: " + value.make + "</p>" +
"<p>State: " + value.state + "</p>" +
"<p>Tow Date: " +value.tow_date + "</p>" +
"<p>Towed to Address: " + value.towed_to_address +"</p>" +
"<p>Inventory Number: " + value.inventory_number + "</p>" +
"<p>Tow Facility Phone: " + value.tow_facility_phone + "</p>" +
"<hr>" +
"</div>"
"</div>";

$("body").append(html);

});





})



})

</script>