title: need help with nested jquery function
body: <p>Please find my code below. My problem is that I the inner jQuery.get() doesn't get executed. Could some one help me out with this?</p>
  
  <pre><code>jQuery(document).ready(function() { 
     $('.error').hide();  
     $(".button").click(function() {  
      // validate and process form here
        $('.error').hide();  
        var zipCode = $("input#name").val();  
        if (zipCode == "") {  
          $("label#name_error").show();  
          $("input#name").focus();  
          return false;  
        }
      var key = 'ac9c073a8e025308101307';
      var noOfDays = 5;
      var url = 'http://www.worldweatheronline.com/feed/weather.ashx?q=' + zipCode + '&amp;format=json&amp;num_of_days=' + noOfDays + '&amp;key=' + key;
      alert(url); 
      jQuery.get(url, function(test) { 
      alert(url); 
          $.each(test.data.weather, function(i, item){
          $("body").append("&lt;p&gt;Date: "+item.date+"&lt;/p&gt;");
          if ( i == 3 ) return false;
    }); }, 'jsonp')();
  });  
  }); 
  </code></pre>
  
  <p>My html form looks like</p>
  
  <pre><code>&lt;div id="contact_form"&gt;  
   &lt;form name="contact" action=""&gt;  
     &lt;fieldset&gt;  
       &lt;label for="name" id="name_label"&gt;Name&lt;/label&gt;  
       &lt;input type="text" name="name" id="name" size="30" value="" class="text-input" /&gt;  
       &lt;label class="error" for="name" id="name_error"&gt;This field is required.&lt;/label&gt;  
  
       &lt;br /&gt;  
       &lt;input type="submit" name="submit" class="button" id="submit_btn" value="Send" /&gt;  
     &lt;/fieldset&gt;  
   &lt;/form&gt;  
  &lt;/div&gt;  
  </code></pre>
  
  <p>I'd really appreciate any pointers.</p>
  
  <p>Thanks!</p>