title: Reloading a page via AJAX when window.location=self.location doesn't work
body: <p>On my homepage I got:</p>
  
  <pre><code>&lt;ul id="login"&gt;
    &lt;li&gt; &lt;a id="loginswitch" href="./login-page"&gt;log-in&lt;/a&gt; | &lt;/li&gt;
    &lt;li&gt; &lt;a id="signupswitch" href="./signup-page"&gt;sign-up&lt;/a&gt; &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Via MooTools, I get these anchor elements by id so that once they're clicked, a flashy div will popup below them that contains the login or signup form (with methods to stop the propagation of events of course)
  and upon filling-up the fields the AJAX call kicks in - that's supposed to create a session and reload the page so that the user would have a visual that he is now logged in and user-level-controls appears etc..</p>
  
  <p>The ajax call is initiated by the MooTools AJAX class and <code>evalScripts</code> option is set to true. The AJAX page returns the script code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;window.location = self.location;&lt;/script&gt;
  </code></pre>
  
  <p>This system works perfectly - now I'm wondering why if I change the anchors' <code>href</code> values to <code>href="#"</code> my scripts won't work anymore?</p>
  
  <p>Does it have anything to do with the window?</p>
  
  <p>Did it change its property when I clicked a link or so even when the event's propagation was stopped??</p>