Ciao a tutti ragazzi intanto premetto che non conosco molto bene javascript, ho implementato nel mio sito una piccola funzione jquery(con il plugin validation) per effettuare una validazione lato client di un campo di ricerca con un valore. Lo script funziona(mi stampa l'errore a video con il testo ed un cambio di colore, al contempo funziona anche l'inserimento di un valore corretto e mi restituisce i giusti valori) ma vorrei che al momento di un inserimento errato di un campo mi evidenzi l'intero div e non solamente il[*] come avviene adesso, vi posto il codice:

form:

codice:
      <div id="container_box">
        <div id="container_request_title_left">
          

 Ricerca Dispacci per codice </p>
        </div>
        <div id="container_request">
          <form action="pippo.jsp" class="container" id="Ricerca">
                              
  1. <label for="code">Codice </label> <input type="text" name="code" id="code" size="30" />
<input type="submit" value="Ricerca"> </p> </form> </div> </div>
script:


codice:
jQuery(document).ready(function($){
	//Regole di validazione
	$("#Ricerca").validate({
		rules: {
			code: {
				required:true,
				minlength:2,
                                maxlength:20
			}
		},//rules
		//Messaggi d'errore
    messages:{
    	code: {
    		required: "Codice non inserito",
    		minlength: "Codice inserito troppo breve",
                maxlength: "Codice inserito troppo lungo"

    	}
    },//messages
    //azioni da intraprendere in caso di errore
		highlight: function(element, errorClass){
			$(element).parent("li").addClass(errorClass);
		},
		//e quando l'errore viene risolto
		unhighlight: function(element, errorClass){
			$(element).parent("li").removeClass(errorClass);
		},
		submitHandler: function() {
                    document.getElementById('Ricerca').submit();
                }
	});//validate
});
Vome potrei fare per realizzare questo?
Vi ringrazio a tutti siete fantastici su questo forum