lo he estado probando, pero no me funciona, no se si hay algun error:
Código HTML:
<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400"
rel="stylesheet" type="text/css">
<script
src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="tipuedrop/tipuedrop_content.js"></script>
<link rel="stylesheet" type="text/css" href="tipuedrop/tipuedrop.css">
<script type="text/javascript" src="tipuedrop/tipuedrop.js"></script>
</head>
<body>
<form action="search.html">
<div style="float: left;"><input name="q" id="tipue_search_input"
type="text"></div>
<div style="float: left; margin-left: 13px;"><input value="Search"
name="Search" id="tipue_search_button" onclick="this.form.submit();"
type="button"></div>
</form>
</body>
<html>