Mobile HTML input textbox hide soft keypad on submit

I have a search text box that onsubmit event will get search results using AJAX. So I am using the same page to refresh/update the search results.

But, on mobile devices with both chrome and safari, the soft-keyboard does not hide on submit event.

How can I hide the soft-keypad for mobile only? (FYI - I tried to force onblur but it affects the desktop layout, im using bootstrap responsive layout)