title: SharePoint custom web part jQuery is "undefined"
body: <p>I am trying to move a custom web app (contacts list) from sharepoint 2010 to sharepoint 2013. The contact list works by using jQuery to show a name with a picture, and after clicking on the dark gray bar reveals the rest of the contact information like this:
  <a href="http://imgur.com/W29PUJ4" rel="nofollow">http://imgur.com/W29PUJ4</a></p>
  
  <p>The list works perfectly in sharepoint 2010 but not in 2013. Here is the code that seems to be breaking:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
  jQuery('#' + '&lt;%= firstpane.ClientID %&gt;' + " div.menu_head").click(function () 
  {
  jQuery(this).css({ backgroundImage: "" }).next("table.menu_body").slideToggle(100).siblings("table.menu_body").slideUp("fast");
  jQuery(this).siblings().css({ backgroundImage: "" });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>In sharepoint 2010 when the contact bar is clicked, the table of information is shown perfectly. In 2013, the contact bar is shown but when clicked does not toggle. When I run this in developer tools I get an error stating: </p>
  
  <p>in IE:
      SCRIPT5009: 'jQuery' is undefined </p>
  
  <p>in chrome: 
      Uncaught ReferenceError: jQuery is not defined</p>
  
  <p>If I try and change jQuery to $ then I get the same error but instead it says $ is not defined. I checked the permissions of the jQuery file in sharepoint and it says the file is there and accessible. Does anyone know how to fix this? Thanks!</p>
  
  <p>Roger</p>