Ejemplo MELI comentado

HTML

<!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="es" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="es" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="es" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="es" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="es" class="no-js"> <!--<![endif]-->
<!--[if lt IE 7 ]>
            <script src="../../libs/js/dd_belatedpng.js"></script>
            <script> DD_belatedPNG.fix('img, .ico'); //fix any <img> or .ico background-images </script>
<![endif]-->

<head>
        <script></script>
        <meta charset="utf-8">
        <title>Buscar</title>

        <link rel="stylesheet" type="text/css" href="http://ar.mercadolibre.io/examples/styles/chico-min-0.5.7.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
        <script src="http://sdk.mercadolibre.com/js/mercadolibre-0.0.6.js" charset="utf-8"></script>
        <script src="http://ar.mercadolibre.io/examples/js/chico-min-0.5.7.js"></script>
        
</head>

    <body>
    <div id="search">
      <form action="#" method="get">
        <input type="hidden" name="limit" value="30">
        <input type="text" name="q" id="q" value="iPod">
        <input type="submit" class="btn secondary" value='Buscar'>
      </form>

      <div class="results box" style="width: 650px;" >

        <ul class="carousel">
        </ul>
      </div>
    </div>
   
        <script type="text/javascript">
            var form;            
            var itemId;
            
        
        $(function(){
        //se carga la funcion que se realiza al clickear el boton Buscar    
        $("#search form").submit(function() {
          //objeto FORM
          var $form = $(this);
          //selecciona la lista y la vacia
          var $ul = $("#search ul").empty();
          /**
          * Realiza el GET, el form.serialize() transforma a texto los valores...