Question

I’m having trouble understanding why I have to place the button triggering the getJSON method outside of the form for the request to work.

If the button is placed within the form then the getJSON method returns no results.

The code bascially makes a XHR request on clicking the Submit button, based on the value selected. I have replicated the issue here:
http://jsfiddle.net/z6caj/

Many Thanks,

Answer 1

You could actually do the ajax request on the dropdown using the onchange event e.g.

$('#state').change(function(){

     //do stuff

}