Javascript $ is not defined with document.ready
<p>I have the following code, and I'm getting a "$ is not defined" result with the document.ready script not working correctly. I've looked up many different questions of this online, and I cannot figure it out.</p>

<pre><code>&lt;script src="scripts/jquery-3.1.0.js"&gt;&lt;/script&gt;
&lt;script src="scripts/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="scripts/jquery.mobile.min.js"&gt;&lt;/script&gt;
&lt;script src="https://code.jquery.com/jquery-3.1.0.min.js"&gt;&lt;/script&gt;

&lt;script&gt;
    $(document).ready (function() {
        $( "body&gt;[data-role='panel']" ).panel();
    });
&lt;/script&gt;
</code></pre>