title: AJAX reload div after complete
body: <p>I am trying to reload just a div once a function has been clicked and executed.</p>
  
  <pre><code>$('newThread').addEvent('submit', addThread);
  
  function addThread(e){
      e.stop();
      var threadRequest = new Request.JSON({
          url: 'control.php?action=createThread',
          onSuccess: createThreadSuccess
      }).post(this);
  }
  
  function createThreadSuccess() {
      new Element('span',{
          'text':'Post successful.'
      }).inject($(threadList)); 
  </code></pre>
  
  <p>I have been using <code>location.reload(true);</code> but am I correct in saying this will reload the whole page and not just the the div I am after?</p>
  
  <p>Once the <code>createThreadSuccess</code> has been executed I wish for the threadList div to reload, I have been using <a href="http://demos111.mootools.net/Ajax" rel="nofollow">this link</a> for advice but it doesn't seem to work in <a href="http://jsfiddle.net/MrRfe" rel="nofollow">a jsFiddle</a></p>
  
  <p><strong>Please note I am using MooTools NOT jQuery</strong></p>