required validation not working

required validation not working

Hello,

i have the following html input element in my form using twitter bootstrap:

  1. <div class="control-group">
            <label class="control-label" for="input01">street_number</label>
              <div class="controls">
                <input type="number" class="span2" class="input-xlarge" id="street_number" name="street_number" value="<?php echo $this->property->street_number ?>"  rel="popover" data-content="Re-enter your street_number." data-original-title="street_number" >
                <input type="text" class="span6" class="input-xlarge" id="street" name="street" value="<?php echo $this->property->street ?>"  rel="popover" data-content="Re-enter your street." data-original-title="street" >

              </div>
        </div>
    </div>







my jquery validation is as follows:

  1.  $(document).ready(function(){
                $('input').hover(function()
                {
                $(this).popover('show')
            });
                $("#registerHere").validate({
                    rules:{
                                       
                                            description:"required",

                        street:"required",
                        city:"required",
                        state:"required",
                             
                                          
                                            street_number:{
                                required:true,
                                number: true
                            },





















I get the following error in firebug:


 
Can someone explain why the street_number and street is not validated as required? Empty strings work.

Thank you,

Bill