Untitled

copying and placing elements using jquery
<ul class="controls">
<li id="download" class="download_button"><span>&nbsp;</span><a
href="media/audio.mp3">Download</a></li>
<li id="listen" class="listen_button"><span>&nbsp;</span><a class="play"
href="media/audio.mp3">Listen</a></li>
</ul>
</div>
</div>
<div class="player" id="play"><audio controls="controls"></audio></div>

$('#play').attr('id', $('.play').attr('href'));

$('#play').attr('id', $('.play').attr('href'));

$("#play").attr("id") = $(".play").attr("href");

$("#play").attr("id", $(".play").attr("href"));