select2 is not working
<p>My select2 is not working. It just shows up with multiple selectbox </p>

<pre><code>&lt;form action=""&gt;
&lt;select class="js-example-basic-multiple" multiple="multiple"&gt;

&lt;option value="AK"&gt;Alaska&lt;/option&gt;
&lt;option value="HI"&gt;Hawaii&lt;/option&gt;

&lt;option value="CA"&gt;California&lt;/option&gt;
&lt;option value="NV"&gt;Nevada&lt;/option&gt;
&lt;option value="OR"&gt;Oregon&lt;/option&gt;
&lt;option value="WA"&gt;Washington&lt;/option&gt;

&lt;option value="AZ"&gt;Arizona&lt;/option&gt;
&lt;option value="CO"&gt;Colorado&lt;/option&gt;
&lt;option value="ID"&gt;Idaho&lt;/option&gt;
&lt;option value="MT"&gt;Montana&lt;/option&gt;
&lt;option value="NE"&gt;Nebraska&lt;/option&gt;
&lt;option value="NM"&gt;New Mexico&lt;/option&gt;
&lt;option value="ND"&gt;North Dakota&lt;/option&gt;
&lt;option value="UT"&gt;Utah&lt;/option&gt;
&lt;option value="WY"&gt;Wyoming&lt;/option&gt;

  &lt;/select&gt;
&lt;/form&gt;
&lt;script type="text/javascript"&gt;
                $(".js-example-basic-multiple").select2();
&lt;/script&gt;
</code></pre>

<p>Error in console:
    Uncaught TypeError: $(...).select2 is not a function
    at HTMLDocument.</p>

<p>JS FIDDLE:</p>

<p><a href="https://jsfiddle.net/y6ogss94/" rel="nofollow noreferrer">https://jsfiddle.net/y6ogss94/</a></p>