Como hacer funcionar este Buscador ?

Encontre un buscador en una pagibna y no lo puedo lograr hacer funcionar
el codigo es este .

<br />
<title>CSS3 search box with HTML5 placeholder and Modernizr</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="http://www.red-team-design.com/wp-content/uploads/2011/02/modernizr-1.6.min_.js"></script> <script>
$(document).ready(function() {
if (!Modernizr.input.placeholder)
{

var placeholderText = $('#search').attr('placeholder');

$('#search').attr('value',placeholderText);
$('#search').addClass('placeholder');

$('#search').focus(function() {
if( ($('#search').val() == placeholderText) )
{
$('#search').attr('value','');
$('#search').removeClass('placeholder');
}
});

$('#search').blur(function() {
if ( ($('#search').val() == placeholderText) || (($('#search').val() == '')) )
{
$('#search').addClass('placeholder');
$('#search').attr('value',placeholderText);
}
});
}
});
</script> <style type="text/css">

html, body
{
height: 100%;
}

body
{
background: #f1f1f1;
text-align: center;
}


#searchbox
{
background: #eaf8fc;
background-image: -moz-linear-gradient(#fff, #d4e8ec);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));

-moz-border-radius: 35px;
border-radius: 35px;

border-width: 1px;
border-style: solid;
border-color: #c4d9df #a4c3ca #83afb7;
width: 500px;
height: 35px;
padding: 10px;
margin: 100px auto 50px;
overflow: hidden;
}

#search, #submit
{
float: left;
}

#search
{
padding: 5px 9px;
height: 23px;
width: 380px;
border: 1px solid #a4c3ca;
font: normal 13px 'trebuchet MS', arial, helvetica;
background: #f1f1f1;

-moz-border-radius: 50px 3px 3px 50px;
border-radius: 50px 3px 3px 50px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}

/* ----------------------- */

#submit
{
background: #6cbb6b;
background-image: -moz-linear-gradient(#95d788, #6cbb6b);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));

-moz-border-radius: 3px 50px 50px 3px;
border-radius: 3px 50px 50px 3px;

border-width: 1px;
border-style: solid;
border-color: #7eba7c #578e57 #447d43;

-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

height: 35px;
margin: 0 0 0 10px;
padding: 0;
width: 90px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: #23441e;

text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#submit:hover
{
background: #95d788;
background-image: -moz-linear-gradient(#6cbb6b, #95d788);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
}

#submit:active
{
background: #95d788;
outline: none;

-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#submit::-moz-focus-inner
{
border: none;
}

/* ----------------------- */

#search::-webkit-input-placeholder {
color: #9c9c9c;
font-style: italic;
}

#search:-moz-placeholder {
color: #9c9c9c;
font-style: italic;
}

#search.placeholder {
color: #9c9c9c !important;
font-style: italic;
}

#search:focus
{
border-color: #8badb4;
background: #fff;
outline: none;
}


</style> <!-- AdPacks --> <style type="text/css">
#adpacks-wrapper{font-family: Arial, Helvetica;width:280px;position: fixed;_position:absolute;bottom: 0;right: 20px;z-index: 9999;background: #eaeaea;padding: 10px;-moz-box-shadow: 0 0 15px #444;-webkit-box-shadow: 0 0 15px #444;box-shadow: 0 0 15px #444;}
body .adpacks{background:#fff;padding:15px;margin:15px 0 0;border:3px solid #eee;}
body .one .bsa_it_ad{background:transparent;border:none;font-family:inherit;padding:0;margin:0;}
body .one .bsa_it_ad .bsa_it_i{display:block;padding:0;float:left;margin:0 10px 0 0;}
body .one .bsa_it_ad .bsa_it_i img{padding:0;border:none;}
body .one .bsa_it_ad .bsa_it_t{padding: 0 0 6px 0; font-size: 11px;}
body .one .bsa_it_p{display:none;}
body #bsap_aplink,body #bsap_aplink:hover{display:block;font-size:9px;margin: -15px 0 0 0;text-align:right;}
body .one .bsa_it_ad .bsa_it_d{font-size: 11px;}
body .one{overflow: hidden}
</style>
<form id="searchbox">
<input type="text" placeholder="Type here" id="search" /> <input type="submit" value="Buscar" id="submit" />
</form>




Espero que el Crack de Ipwg o Algun otro Groso lo logre hacer andar si es que funciona :_

Hola brian,

Lo hice funcionar me costo pensar un poco pero lo logre, gracias por confiar en mi lo ayudare siempre en lo que pueda.

Todo lo que esta en negrita es lo que podemos modificar,
te dejare las instrucciones de lo que podemos editar.

015539693844173130294:7oisap7ouc0: Este es el ID único del motor de búsqueda que nos da google cuando creamos nuestro buscador, lo puedes crear haciendo (Click Aquí.)
Pagina.htm: Es donde pondremos la pagina donde hará la acción el buscador cuando pulsemos el botón buscar.
Descripción: Es el texto que esta en el buscador cuando no se ha escrito nada.
Buscar: Es el texto del botón para buscar.


Bueno por ultimo le dejare el codigo que pegaremos en la pagina que hara la accion el buscador como ya te habia comentado antes.

+ Primero creamos una pagina llamada "Resultados" y en el codigo del buscador donde dice "Pagina.htm", lo remplazamos por la nueva pagina "Resultados.htm".
+ Segundo en esa pagina pulsamos "Fuente HTML" y pegamos el siguiente código.

Saludos!
Atte: iPWG

Muchisimas Gracias , y es la verdad siempre espero tu ayuda , ya que para mi es la mejor
Saludos

Jeje muchas gracias por el agradecimiento de verdad me alegra haberte ayudado.

Saludos!