title: window.location.href redirects to blank page
body: <p>I'm building a website (<a href="http://brandonbarber.co/" rel="nofollow noreferrer">http://brandonbarber.co/</a>) that looks like this.</p>
  
  <p><a href="https://i.stack.imgur.com/c7I2y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c7I2y.png" alt="enter image description here"></a></p>
  
  <p>And I have the following code for detecting a click on the linkedin div, it then redirects.</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $("#linkedin").click(function(){
              window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/";
              return false;
          });
      });
  &lt;/script&gt;
  &lt;body&gt;
  &lt;div id="banner"&gt;
  &lt;div class="menubutton" id="home"&gt;Home&lt;/div&gt;
  &lt;div class="menubutton" id="circuitry"&gt;Circuitry&lt;/div&gt;
  &lt;div class="menubutton" id="programming"&gt;Programming&lt;/div&gt;
  &lt;div class="menubutton" id="stackoverflow"&gt;Stackoverflow&lt;/div&gt;
  &lt;div class="menubutton" id="linkedin"&gt;Linkin&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I click the div, it redirects to a blank page.</p>
  
  <p><a href="https://i.stack.imgur.com/uMRoB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uMRoB.png" alt="enter image description here"></a></p>
  
  <p>What am I missing?</p>