How can I place the search box within an existing DIV?

I have trouble understanding the dom option...

I have a div with id="search" and want the search box to appear inside that div.

I though this would do the trick, but it doesn't:
"dom": '<"#search"f>'

What can I do to get the search box and other elements within the div id's of my choosing? And preferably be able to add classes to them so they are styled correctly (bootstrap)