Having trouble moving the Filter box

I'm very new to every language being used to get this working so bear with me...

My code is below, not sure why it isn't working


The script. I think this is how you add in the fn.Filter part into the existing script?


<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

oTable = $('#datatables').dataTable({
"sPaginationType":"full_numbers",
"aaSorting":[[2, "desc"]],
"bJQueryUI":true,
"sDom": '<"search-box"r><"H"lf>t<"F"ip>'
});

})
$('#dtsearch').keypress(function(){
oTable.fnFilter( $(this).val() );
})


</script>


Text box for filter

<input type="text" id="dtsearch" />

Could you tell me why this isn't working? Are there any working examples where someone has completely moved the filter box?