Translation is not working. How to solve this?

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable( {
"oLanguage": {
"oPaginate": {
"sFirst": "fp",
"sLast": "lp",
"sNext": "Nextp",
"sPrevious": "Previous page",
"sEmptyTable": "norec",
"sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)",
"sInfoEmpty": "no rec",
"sInfoFiltered": " - filtering from _MAX_ records",
"sInfoThousands": "'",
"sLengthMenu": 'Display <select>'+
'<option value="10">10</option>'+
'<option value="20">20</option>'+
'<option value="30">30</option>'+
'<option value="40">40</option>'+
'<option value="50">50</option>'+
'<option value="-1">All</option>'+
'</select> records',
"sLoadingRecords": "Loading...",
"sSearch": "filter rec",
"sZeroRecords": "No data"
}
},
"fnDrawCallback": function ( oSettings ) {
var that = this;

/* Need to redo the counters if filtered or sorted */
if ( oSettings.bSorted || oSettings.bFiltered )
{
this.$('td:first-child', {"filter":"applied"}).each( function (i) {
that.fnUpdate( i+1, this.parentNode, 0, false, false );
} );
}
},
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0 ] }
],
"aaSorting": [[ 1, 'asc' ]]
} );
} );
</script>