title: Populate state and city dropdowns based on country and state using jQuery
body: <p>I am trying to accomplish dropdowns using JSON. I want 3 dropdowns. First populate the country dropdown (eg: usa, uk etc.,). Now, when the user select USA then states dropdown needs to be populated by using jQuery .change(). Again when user select the state they need to be presented with cities dropdowns.</p>
  
  <p>How can I achieve this? As my JSON file is slightly big I have added it here and tried to populate countries dropdown but unable to generate states and cities drop down...</p>
  
  <p><a href="http://jsfiddle.net/vCFv6/" rel="nofollow">http://jsfiddle.net/vCFv6/</a></p>
  
  <pre><code>$.each(myJson.country, function (index, value) {
  $("#country").append('&lt;option value="'+value.id+'"&gt;'+value.name+'&lt;/option&gt;');});
  </code></pre>
  
  <p>The above code helps me populate just the countries but not others like states and cities. Any help is much appreciated.</p>
  
  <p>Thanks in advance.</p>