title: jQuery displaying tweets from JSON feed, works locally not remotely?
body: <p>Anyone know why this code works when I preview in Coda locally, but when I upload the same code to my server it stops functioning?</p>
  
  <p>
  </p>
  
  <pre><code>&lt;h3&gt;Tweet Query Beta&lt;/h3&gt;
  &lt;input type="text" id="keyword" val=""/&gt;&amp;nbsp;
  &lt;button type="button" id="search"&gt;search&lt;/button&gt;&lt;br /&gt;
  
  &lt;div id="feed"&gt;&amp;nbsp;&lt;/div&gt;&lt;!-- feed --&gt;
  
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;&lt;!-- jquery core --&gt;
  
  &lt;script type="text/javascript"&gt;
      $(function(){
  
          $('input#keyword').focus(function(){
  
              $('#feed').html(''); //clears results when typing new keyword(s).
  
          });
  
          $('button#search').click(function(){
  
              var keyw = $('input#keyword').val(); //retrieves keyword(s) typed.
  
              $.getJSON('http://search.twitter.com/search.json?q='+keyw,function(data){ //display JSON feed using keyword(s) typed
  
                  $.each(data.results, function(i,results){
  
                      content = '&lt;p&gt;&amp;quot;'+results.text+'&amp;quot; -'+results.from_user+'&lt;/p&gt;';
  
                      $(content).appendTo("#feed"); //displays each result inside feed div above.
  
                  });
               });   
          }); 
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Link to code on server: <a href="http://jonathangrover.com/tweetquery.html" rel="nofollow">http://jonathangrover.com/tweetquery.html</a></p>
  
  <p>Thanks in advance. I bet I left out something simple...</p>