title: AJAX read JSON data from twitter search not work
body: <p>I use jquery to retrieve search result from twitter but it does not work, can you address mistake in my code?
  Here is form search:</p>
  
  <pre><code>&lt;label&gt;Enter keyword: &lt;/label&gt;&lt;input type="text" id="keyword" name="keyword" size="50" autocomplete="off"/&gt;
      &lt;input type="button" name="btnsearch" id="btnsearch" value=" Search " /&gt;
  </code></pre>
  
  <p>and here is jquery code:</p>
  
  <pre><code>$(document).ready(
          function(){
              $("#keyword").focus();
              $("#btnsearch").click(function(){
                  var keyword = $("#keyword").val();                          
                  if(keyword == null || keyword == "") return;
                  $("#results").html("&lt;img src='loading.gif'/&gt;");                 
                  $.ajax({
                      url:'http://search.twitter.com/search.json?q='+keyword+'&amp;rpp=50',
                      dataType:'json',
                      success:function(json){
                          $("#results").remove();
                          alert("Successfull");
                      },  
                      error:function(){
                          alert("cant search");
                      }
                  });
              });
          }
      );
  </code></pre>
  
  <p>I just test if it work or not, and when I press Search button, it alerts "Cant search"!</p>
  
  <p>Any help?</p>