lis.pe ajax checkbox filter

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Filtrar Productos Lis.pe</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
            $('.results > li').hide();

            $('div.tags').find('input:checkbox').live('click', function () {
                $('.results > li').hide();
                $('div.tags').find('input:checked').each(function () {
                    $('.results > li.' + $(this).attr('rel')).show();
                });
            });
        });
</script>

<style type="text/css">
.tags {
    float: left;
    margin-right: 50px;
}
</style>
</head>

<body>

  <div class="tags">
  <span><strong>Color</strong></span>
  <br/>
        <label>
            <input type="checkbox" rel="azul" />
            Azul
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="negro" />
            Negro
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="rojo" />
            Rojo
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="verde" />
            Verde
        </label>

      <br/>
      <br/>

      <span><strong>Talla</strong></span>
      <br/>
      <label>
            <input type="checkbox" rel="34" />
            34
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="36" />
            36
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="35" />
            35
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="34" />
            34
        </label>

      <br/>
      <br/>

      <span><strong>Medida</strong></span>
      <br/>
      <label>
            <input type="checkbox" rel="chico" />
            Chico
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="mediano" />
            Mediano
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="grande" />
            Grande
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="ultragrande" />
            Ultragrande
        </label>

      <br/>
      <br/>

      <span><strong>Marca</strong></span>
      <br/>
      <label>
            <input type="checkbox" rel="vicini" />
            Vicini
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="guess" />
            Guess
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="hogan" />
            Hogan
        </label>
        <br/>
        <label>
            <input type="checkbox" rel="prada" />
            Prada
        </label>

    </div>
    <ul class="results">
        <li class="azul">Zapatos Azul 1</li>
        <li class="azul">Zapatos Azul 2</li>
        <li class="negro">Zapatos Negros 1</li>
        <li class="rojo">Zapatos Rojos 1</li>
        <li class="rojo">Zapatos Rojos 2</li>
        <li class="rojo">Zapatos Rojos 3</li>
        <li class="verde">Zapatos Verdes 1</li>
        <li class="34">Zapatos Talla 34</li>
        <li class="35">Zapatos Talla 35</li>
        <li class="36">Zapatos Talla 36</li>
        <li class="chico">Zapatos Chico</li>
        <li class="mediano">Zapatos Mediano</li>
        <li class="grande">Zapatos Grande</li>
        <li class="ultragrande">Zapatos Ultra Grande</li>
        <li class="vicini">Zapatos Vicini</li>
        <li class="guest">Zapatos Guest</li>
        <li class="hogan">Zapatos Hogan</li>
        <li class="prada">Zapatos Prada</li>
    </ul>

</body>
</html>