title: Javascript not working from masterpage
body: <p>I have a masterpage and a JS file, I added a link to the javascript file in the master page but on any page that uses the master page the JS isnt working.</p>
  
  <p>I have tried the code on its own in a separate page and it works.</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="../styles/StyleSheet1.css" rel="stylesheet" /&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/Menu.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
          function openNewWin(url) {
              var x = window.open(url, 'mynewwin', 'toolbar=no,directories=no,location=no,menubar=no,left=0,top=0,resizable=no,status=no');
              x.focus();
          }
      &lt;/script&gt;
  
  
  
  &lt;/head&gt;
  </code></pre>
  
  <p>Menu.JS:</p>
  
  <pre><code>$(function () {
      //When opening the page all level 2 and level 3 items must be hidden.
      $(function () {
          hideitems();
      })
  
      function hideitems() {
          $('h10').hide();
          $('h11').hide();
          $('h12').hide();
          $('h13').hide();
      }
      //Financial Click
      $('h7').click(function () {
          hideitems();
              $('h10').slideToggle();
              $('h11').slideToggle();
              $('h12').slideToggle();
          });
      //Container Click
          $('h8').click(function () {
              hideitems();;
              $('h13').slideToggle();
          });
      })
  </code></pre>