title: jQuery: refresh div content on button click, from a php file
body: <p>Fiddle: <a href="http://jsfiddle.net/feqnLs6o/" rel="nofollow">http://jsfiddle.net/feqnLs6o/</a></p>
  
  <p>I am trying to refresh <code>&lt;div id="refreshableDiv"&gt;</code> on <code>button1</code> click, using jQuery.
  I want to load the content of <code>http://shiro-desu.com/scr/test/test.php</code> to the <code>&lt;div&gt;</code> every time the <code>button1</code> is clicked.
  As i haven't used jQuery before, i fail to understand why the following doesn't reload the content of div.</p>
  
  <p>script code:</p>
  
  <pre><code>$(document).ready(function(){
   $('#button1').click(function(){
          $.post(
          "http://shiro-desu.com/scr/test/test.php",
          {
          },
          function(data){
          $('#refreshableDiv').html(data);
          });
      });
  });
  </code></pre>
  
  <p>test.php</p>
  
  <pre><code>&lt;?php echo "543"; ?&gt;
  </code></pre>
  
  <p>html code:</p>
  
  <pre><code>&lt;div id="refreshableDiv"&gt;Primary content&lt;/div&gt;
  &lt;input type="submit" class="button1" name="button1" value="Reload"/&gt;
  </code></pre>
  
  <p>Any ideas? </p>
  
  <p><a href="http://jsfiddle.net/feqnLs6o/" rel="nofollow">http://jsfiddle.net/feqnLs6o/</a></p>