title: Refering to html ID from external JS file
body: <p>I have a simple html page with the following script at the top (in the header)</p>
  
  <pre><code>    function myCall(game) 
      {
          $( "#test" ).load( "InnerPageVideoContent.php", { 'game': game} );
      }
  </code></pre>
  
  <p>which is called when a button on the page is clicked.</p>
  
  <p>What I wanted to do was move this into a .js file (that's in a "JS" sub folder).</p>
  
  <p>So I created a .js file and put the function inside it. (I also changed the URL as the .js file is in a js folder</p>
  
  <pre><code>    function myCall(game) 
      {
          $( "#test" ).load( "../InnerPageVideoContent.php", { 'game': game} );
      }
  </code></pre>
  
  <p>Folder structure is</p>
  
  <p>-JS (folder) - functions.js</p>
  
  <p>-index.php</p>
  
  <p>Now, when I call the function, the function is called ( I know it is called becuase if I put a break point in it, it gets hit) So I know it finds the function.</p>
  
  <p>But nothing happens.  When the function was inside the actual index.php, it correctly loads the contents of "InnerPageVideoContent.php" to the "#test" id.</p>
  
  <p>Is it failing because of the "#test" or the directory of the php page?</p>
  
  <p>Many thanks for any help given</p>