title: JQuery Ajax Request returns no data
body: <p>I am trying out JQuery Ajax methods. I wrote a simple Ajax request to fetch certain 'tagged' photos from Flickr.  Following is the snippet I am using:</p>
  
  <pre><code> function startSearch() { 
        $(function() {
             var tagValue = $("#tagInput").attr("value");
             alert(tagValue);
             $.ajax({
                 url: "http://api.flickr.com/services/feeds/photos_public.gne?tags=" + tagValue + "&amp;tagmode=any&amp;format=json&amp;jsoncallback",
                 dataType: 'json',
                 async: false,
                 success: function(data) {
                      alert("Success");
                      $.each(data.items, function(i, item) {
                             var pic = item.media.m;
                             $("&lt;img/&gt;").attr("src", pic).appendTo("#images");
                      });
                 },
                 error: function(data, error) {
                     alert("Error " + error);
                 }
  
       }); });
  </code></pre>
  
  <p>'startSearch' is associated with a Search button.  User is supposed to input a 'tag' to search and on click this function gets called. </p>
  
  <p>Problem is that I am not receiving any 'data' in response.  Hence no images gets displayed.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p>Thanks &amp; Regards,
  Keya</p>