<form id=“search-form”>
<div class="input-group"> <input type="text" name="q" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="submit" data-toggle="modal" data-target="#search-results"><i class="fa fa-search"></i></button> </span> </div>
</form>
<div class=“modal fade” id=“search-results”>
<div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Search powered by Google CSE</h4> </div> <div class="modal-body"> <form id="search-modal"> <div class="form-group"> <div class="input-group"> <input type="text" name="q" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> </span> </div> </div> </form> <div id="search-box"> <p class="text-muted text-right sr-benchmark"><!-- ajax --></p> <div class="list-group sr-results"><!-- ajax --></div> <nav class="text-center sr-pages"> <ul class="pagination"><!-- ajax --></ul> </nav> </div> </div> </div> </div>
</div>