Search Engine Google dengan jquery

Assalamualaikum mas bro N mbak bra ,,
kali ini Bertemu dengan orang paling ganteng disini,... hahahaha...
ini adalah postingan pertamaku d blog sak karep... hahahaha...

langsung aja dah.. disini saya akan membuat search engine google sendiri dengan menggunakan  JQuery, kode script ini akan mengeksekusi query dengan cara onkeyup.
kira-kira scriptnya kayak d bawah ini :

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$().ready(function() {
    // if text input field value is not empty show the "X" button
    $("#field").keyup(function() {
        $("#x").fadeIn();
        if ($.trim($("#field").val()) == "") {
            $("#x").fadeOut();
        }
    });
    // on click of "X", delete input field value and hide "X"
    $("#x").click(function() {
        $("#field").val("");
        $(this).hide();
        //$("#cse_g").val('');
    });
});
</script>

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  var customSearchControl = null;
  function executeQuery() {
    var textNode = document.getElementById('field');
    if ((textNode.value == '')) {
    customSearchControl.clearAllResults();
    } else {
      customSearchControl.execute(textNode.value);
    }
  }
  google.load('search', '1', {language : 'en'});
  google.setOnLoadCallback(function() {
    customSearchControl = new google.search.CustomSearchControl('007901521029559732954:j0w97selnj0');
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchResultsOnly();     
    customSearchControl.draw('cse_g', options);
  }, true);
</script>

Untuk lebih jelasnya silahkan liat di TeKaPe =>  DEMO

Silahkn Dunlud scriptnya di SINI