title: adding a next button onto jplayer
body: <p>I'm trying to add a next button on jplayer. I already try using the click function but it didn't work.</p>
  
  <p>The way the player is setup it's by using ajax to get it's songs and information about the songs. When the song ends it will get another song by using ajax also. The thing what trying to do is adding a next button but i don't know how to. Any ideas?</p>
  
  <pre><code>$(document).ready(function () {
      $("#jquery_jplayer_1").jPlayer({
          ready: function () {
              var data = $.ajax({
                  url: "getsong.php",
                  async: false
              }).responseText;
              var string = data.split('|');
              $(this).jPlayer("setMedia", {
                  mp3: string[0]
              }).jPlayer("play");
              $('#artist').html(string[1]);
              $('#songname').html(string[2]);
              $('#album').html("&lt;img src='" + string[3] + "' width='250' height='250' /&gt;");
          },
          ended: function (event) {
              var data = $.ajax({
                  url: "getsong.php",
                  async: false
              }).responseText;
              var string = data.split('|');
              $(this).jPlayer("setMedia", {
                  mp3: string[0]
              }).jPlayer("play");
              $('#artist').html(string[1]);
              $('#songname').html(string[2]);
              $('#album').html("&lt;img src='" + string[3] + "' width='250' height='250' /&gt;");
          },
          swfPath: "js",
          supplied: "mp3"
      });
  });
  </code></pre>