title: multiple mp3 links in a single page with jplayer
body: <p>In my page there are a number of mp3 links and I use jplayer. How can I update jplayer function to play when clicked the seperate links? </p>
  
  <pre><code>$(document).ready(function() {
  
   $("#jquery_jplayer_1").jPlayer({
  
      ready: function(event) {
          $(this).jPlayer("setMedia", {
              mp3: "test_1.mp3",   //my mp3 file
  
          });
      },
      swfPath: "http://www.jplayer.org/2.1.0/js",
      supplied: "mp3"
    });
  });    
  </code></pre>
  
  <p>my mp3 links :</p>
  
  <pre><code>&lt;a href="javascript:listen(1);" class="jp-play" &gt;&lt;/a&gt;
  &lt;a href="javascript:listen(2);" class=" jp-play" &gt;&lt;/a&gt;
  &lt;a href="javascript:listen(3);" class=" jp-play" &gt;&lt;/a&gt;
  &lt;a href="javascript:listen(4);" class=" jp-play" &gt;&lt;/a&gt;
  &lt;a href="javascript:listen(5);" class=" jp-play" &gt;&lt;/a&gt;
  </code></pre>