Помогите с js(подставка данных при нажатии)!!!

Доброго времени суток ребята! У меня есть вапрос! Может и не сложный но сам я не могу разобраться помогите если сможите!

Сам вапрос состоит в следующем!

По поисковому запросу у себя на тестовом сайте вывожу данные,описание,ссылки и.т.д в таблицу! "Циклом при мощи PHP с базы MYSQL" музыкального файла"также выводится картинка в виде кнопки play"!
Помогите найти решение! Немогу сделать чтоб при нажатии на картинку play ссылка с url-ом песни попадала в плеер встроенный на сайте! "Начанала играть выбранная песня"!
Ниже есть примерный вывод с базы "визуальный"!

Зарание всем большое спасибо!

Делаю на основе jplayer

HTML код:

<html>

 <head> <meta charset=utf-8 /> 

<title>Демка</title> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

 <script type="text/javascript" src="js/jquery.jplayer.min.js"></script> 

<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>

 <script type="text/javascript">

 //<![CDATA[ 

$(document).ready(function(){

 var my_jPlayer = $("#jquery_jplayer"), 

       my_trackName = $("#jp_container .track-name"), 

       my_playState = $("#jp_container .play-state"), 

       my_extraPlayInfo = $("#jp_container .extra-play-info"); 

 

var opt_play_first = false,

opt_auto_play = true,  

opt_text_selected = "Выбирите трек"; // текс выбора текста 



var first_track = true; 

$.jPlayer.timeFormat.padMin = false; 

$.jPlayer.timeFormat.padSec = false; 

$.jPlayer.timeFormat.sepMin = ":"; 

$.jPlayer.timeFormat.sepSec = ""; 



my_playState.text(opt_text_selected); 

jPlayer my_jPlayer.jPlayer({ ready: function () { $("#jp_container .track-default").click(); }, timeupdate: function(event) { my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%"); }, play: function(event) { my_playState.text(opt_text_playing); }, next: function(event) { my_playState.text(opt_text_playing); }, pause: function(event) { my_playState.text(opt_text_selected); }, ended: function(event) { my_playState.text(opt_text_selected); }, swfPath: "js", cssSelectorAncestor: "#jp_container", supplied: "mp3", wmode: "window" }); // Create click handlers for the different tracks $("#jp_container .track").click(function(e) { my_trackName.text($(this).text()); my_jPlayer.jPlayer("setMedia", { mp3: $(this).attr("href") }); if((opt_play_first && first_track) || (opt_auto_play && !first_track)) { my_jPlayer.jPlayer("play"); } first_track = false; $(this).blur(); return false; }); }); 

</script>

 <style>

 <!-- Ситили --> 

.demo-container {  width:95%; border: 0px solid #009BE3; padding:0 20px; font-family: "Myriad Pro Regular","Trebuchet MS"; } 

.resutls {margin-top: 100px; border: 1px solid #009BE3; padding:0 20px; font-family: "Myriad Pro Regular","Trebuchet MS"; } 

.demo-container a, .demo-container a:link, .demo-container a:visited, .demo-container a:hover, .demo-container a:focus, .demo-container a:active { color: #000000; } 

.results a, .results a:link, .results a:visited, .results a:hover, .results a:focus, .results a:active { color:#009BE3; } 

.demo-container ul { list-style-type:none; padding:0; margin-left:1px; margin-top:-20px; width:500px; overflow:hidden; } .results ul { list-style-type:none; padding:2px; margin-left:-350px; margin-top:5px; width:500px; overflow:hidden; } 

.demo-container ul span { color: #A0A600; }

 .demo-container li { float:left; margin-right:1em; }

.results li { float:left; margin-right:1em; } 

.demo-container p span.track-name { color: #CC0090; } 

.results p span.track-name { color: #CC0090; } 

</style> 

</head>

 <body> 

<div id="jquery_jplayer"></div> 

 <center> 

<div id="jp_container" class="demo-container"><!-- Плеер --> 

<p> <span class="play-state"></span> : <span class="track-name">nothing</span> 

at <span class="extra-play-info"></span> <span class="jp-current-time"></span>

<span class="jp-duration"></span> </p> 

<ul> <li><a class="jp-play" href="#" tabindex="1">Играть</a></li> <li><a class="jp-pause" href="#"tabindex="1">Пауза</a></li> <li><a class="jp-stop" href="#">Стоп</a></li> <li><a class="next" href="#">Следующий</a></li> </ul> <ul> <li>Громкость :</li> <li><a class="jp-mute" href="#">Заглушить</a></li> <li><a class="jp-unmute" href="#">Unmute</a></li> <li> <a class="jp-volume-bar" href="#">|&lt;----------&gt;|</a></li> <li><a class="jp-volume-max" href="#">Максимально</a></li>

</ul> 

</div> 

<div id="jp_container" class="results"><!-- Плейлист --> 

<ul> 

<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track track-default">Название_1</a> | <a href="#"><i>к примеру: inna</i></a></li> 

</ul> 

<ul> 

<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_2</a> | <a href="#"><i>к примеру: medina</i></a></li> </ul> 

<ul> 

<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_3</a> | <a href="#"><i>к примеру: tatu</i></a></li> </ul> 

</div>

 </center> 

</body> 

</html>

Вот чего я пока добился помогите по нажатию кнопки play вот тут (<a href="#">тут картинка в виде play</a>)чтобы песня попадала в плеер встроенный на сайте!