using jQuery to justify form elements

If you create a simple web form like in the example below：

  Usually, to make the all labels have the same width，you would set the width of labels to some number, let's say 100px. But, let's do another thing. Let's calculate the width of a largest label and apply it to all labels. jQuery function below does exactly what I wrote:

 

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();   
    });
    $("label").width(max);
});

 

 

And visually it looks like this:

 

html source code：

<fieldset class="form_registro">
    <label>name</label><input id="name" name="name"  type="text" /><br/>
    <label>Email Address</label><input id="email" name="email"  type="text" /><br/>     
</fieldset> 

 

参：http://www.jankoatwarpspeed.com/post/2008/07/09/Justify-elements-using-jQuery-and-CSS.aspx