Bootstrap Search test CSS bug

Can search form have input with buttons appended?

by softwareinnovator

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://appliedinter.net/Workstream/common_files/Workstream.css">
<form id="form-navbar-search" class="navbar-search pull-left" action="index.cfm?fuseaction=Search.output" method="post">
<div class="input-append">
<input type="text" name="header_search_criteria" title="Criteria to search" placeholder="search" class="search-query span9" />
<input type="submit" name="quick" value="Quick" title="Search on task ID or task name" class="btn btn-inverse" />
<a href="index.cfm?fuseaction=Search.home" id="navbar-search-full" title="Start a full search" class="btn btn-inverse" />Full</a>
</div>
</form>

JavaScript

// change full search link to first change form target, then submit that form; change link's href to be an internal link; update link's title
$('#navbar-search-full').click( function(event) {
    event.preventDefault(); //don't let the link open a new page
    $('#form-navbar-search').attr('action',  $(this).attr('href')).submit(); //instead, change the search form action, then submit it
}).attr('href','#navbar-search-full');