Tiny Sort, Works But Want To Move Button Location

Tiny Sort, Works But Want To Move Button Location

Hi,
I'm a newbie with Jquery so any help would be appreciated. I have successfully used TinySort plugin to arrange some product items on an eComerce page, however I would like to move the location of the sort buttons but cannot figure out how to do it.

Here is my script:


<script type="text/javascript" src="uploads/js/jquery.tinysort.js"></script>
<script type="text/javascript">
$(document).ready(function(){

// create a sort by rating

var sortrating = $('<p><a href="javascript:void(0)" class="btn">Sort by Rating</a></p>').toggle(
function(){
$("#sort ul li").tsort("span.ratings",{order:"desc"});
},
function(){
$("#sort ul li").tsort("span.ratings",{order:"asc"});
}
);
$('#sort').append(sortrating);


// create a sort by price

var sortprice = $('<p><a href="javascript:void(0)" class="btn">Sort by Price</a></p>').toggle(
function(){
$("#sort ul li").tsort("span.price",{order:"desc"});
},
function(){
$("#sort ul li").tsort("span.price",{order:"asc"});
}
);
$('#sort').append(sortprice);

});
</script>

I would like to put the sort price and sort rating buttons in a seperate div. Is this possible?

Thanks