searched text in search field behaving differently for chrome and mozilla

prats

I have added datatable's search field using dom parameter.

oTable= $('#rd_ticket_Summary').DataTable( {
"language": {
             search: '<i class="fa fa-search"></i>',
             searchPlaceholder: "Search Projects"
}
"sDom": 'fpCB<"clear">Wrtip'
});

whenever i try to clear data ,backspace is not working that's why i used delete button in mozilla browser and in chrome there is appearing "x" icon to clear data.
I have cross checked search field on datatable.net site which is working fine.Is it browser issue.
And one more thing need to mention that search icon is not inside input field.Any way to encounter this.Thanks