window.location.href redirects to blank page
<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>