title: getJSON request always unsuccessful?
body: <p>Why getJSON does not work? This is my HTML:</p>
  
  <pre><code>&lt;body&gt;
  &lt;h2&gt;Where are my followers&lt;/h2&gt;
  
  
          &lt;input type="text" id="account"  placeholder="twitter user name"  /&gt;
          &lt;input type="button" value="Find Followers" id="button" name="button"  /&gt;
  
  &lt;div id="map-canvas" &gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and this is my jQuery</p>
  
  <pre><code>    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
  $(document).ready(function(){
  $("#button").click(function(){
  alert("Befor JSON");
  var url = "http://api.twitter.com/1/statuses/followers/"+document.getElementById('account').value+".json?callback=?";
  alert(url);
  $.getJSON(url , function (data){
  alert(data +"Hi");
  });
  alert("after json");
  
  });
  });&lt;/script&gt;
  </code></pre>
  
  <p>The problem is that alert before json is printed and so is alert after json 
  but alert data+Hi never appears. It is like that getJSON never succeeds.</p>