title: creating dynamic playlist by reading songs from a table using jquery for the jPlayer
body: <p>i am using the JPlayer for a website.
  Now, i want to create playlist from a table with path and artist names.
  Now what i did is i added the table to the page and now, using forEach i tried to
  read the path and add it to the playlist. but somehow i am confused.. 
  Have a look
  this is the code i used for grabbing path and it works fine</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('#songsPathGridView tr').each(function () {
              if (!this.rowIndex) return; // skip first row
              var path = this.cells[0].innerHTML;
              alert(path);
  
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>and now this is the playlist that i have (hard coded values). Now if it was in html or something i could have appended that path to it but since it's jquery code please tell me how to do it..
  here is the playlist code</p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          var songName = "Song1";
          var theArtist = "The Artist";
          var myPlaylist = [
              {
                  mp3: 'music/Mad.mp3', oga: 'mix/1.ogg', title: songName, artist: theArtist,
              },
            {
                mp3: 'mix/EssentialViolet.mp3', oga: 'mix/2.ogg', title: songName, artist: theArtist, cover: 'mix/2.jpg'
            }
          ];
          $('body').ttwMusicPlayer(myPlaylist, {
              autoPlay: false,
  
              jPlayer: {
                  swfPath: '../plugin/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Somehow i wanna get the filepath and add it dynamically. Please help, thanks.</p>