Want to include this on your site? It's easy, copy this html and paste it in your page

<!-- jQuery (You can delete the following line if you're already loading jQuery for other scripts on your site) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- This is the html code for the gardening zone by zipcode search -->
<p style="font-size: 18px"> Enter your zipcode:<br>
<input id="zip_input" type="number" onkeydown="search(this)"/> <br> <br>
<p style="font-size: 18px" id="demo">You're in gardening zone:</p> <p style="font-size: 11px"><a href="http://growsquared.net">Courtesy of GrowSquared</a> </p> <script>
function search(ele) {
if(event.keyCode == 13) {
var zipcode = $( "#zip_input" ).val();
document.getElementById("demo").innerHTML ="submit";
$.ajax({url:"http://growsquared.net/zones/"+zipcode, success: function(result){ document.getElementById("demo").innerHTML="You're in gardening zone: "+result.zone+" "+result.city+", "+result.state; } }); } }

Copyright (c) 2015 GrowSquared LLC, a Colorado limited liability company. All rights reserved.