title: JQuery and select2 - $ scope conflict
body: <p>I am using <code>jQuery 2.1.3</code> min along with the <code>select2</code> plugin of jQuery in a spring mvc web application.</p>
  
  <p>There has been an issue of <code>$'s</code> scope conflict I am facing with it.</p>
  
  <p>Though all the ajax requests I am sending are written in a file called <code>home.jsp</code> under the <code>&lt;script&gt;</code> tag it shows they are sent through <code>select2</code> in firebug.</p>
  
  <p><img src="https://i.stack.imgur.com/9EP93.png" alt="conflict of select2"></p>
  
  <pre><code>&lt;script  type="text/javascript" src="&lt;c:url value="/views/js/jquery-2.1.3.min.js"/&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="&lt;c:url value="/views/js/custom/home.js"/&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="&lt;c:url value="/views/js/select2/js/select2.full.js"/&gt;"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is the order in which I have included my js file. I feel like select2 causes havoc in my code. I am unable to figure out why?</p>