Create parameterized URL for my Search box

I have a single html page , which displays all the content ( by all the content i mean , form submits , main page , form results .. etc . a lot of DOM manipulations ) Its fully ajax based. The problem i am facing is , I have a search box where the user inputs a job_id and all the information regarding the job gets displayed , All under the same url

www.hostname.com/index.html

But what i need is , when the user searches for the job_id , my url should be something like

www.hostname.com/index.html?jobid='abcd'

so that users can bookmark this url and can get the info , by just going to the link. I just have one html page (index.html) and i intend to keep it that way. How will i go about doing this ? such that , if the user enters www.hostname.com/index.html he goes to the index.page with default looks and if he enters www.hostname.com/index.html?jobid='abcd' only the output for the jobid is shown.

PS: i am using expressJS

A simple and backwards compatible solution is to use location.hash (docs) to save your parameters. Some applications like URL shorteners will remove the hash.

For modern browsers you should look into pushState which allows you to actually change the URL.