title: li onClick function not working
body: <p>I have the following files in the order it stands:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/main.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/music.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>in main.js I have the following code:</p>
  
  <pre><code>$(document).ready(function () {
         $('.song').click(function() {
          $('.footer').show('easeInExpo');
          audioPlayer(band, album, track);
      });
  });
  </code></pre>
  
  <p>In music.js where the <code>audioPlayer function</code> is called:</p>
  
  <pre><code>function audioPlayer(band, album, track) {
   var audio = new Audio; //Class
  audio.src = 'music/' + band + '/' + album + '/' + track + '.mp3';
  audio.play();
  }
  </code></pre>
  
  <p>The code that calls the function: </p>
  
  <pre><code>&lt;li class="song" onlick="javascript:audioPlayer('Band name', 'Album name', 'Track name');"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>If I run this code I get:
  <code>Uncaught ReferenceError: band is not defined</code></p>
  
  <p>I have also tried to do the following with main.js:</p>
  
  <pre><code>$('.song').click(function(band, album, track) {
      $('.footer').show('easeInExpo');
      audioPlayer(band, album, track);
  });
  </code></pre>
  
  <p>Which gives me: <code>GET http://localhost/media/music/[object%20Object]/undefined/undefined.mp3 404 (Not Found)</code></p>
  
  <p>Does anyone knows how to fix the <code>audioPlayer() function</code> problem?
  Please let me know if you need more information.
  Thanks in advance</p>