find the textfield which has got maximum value-jquery
<p>I have 5 input text fields  on 5 rows . where all 5 textfields are optional .i want to get the id of the  text field which has got maximum value  </p>

<pre><code>&lt;div class="dt_distance_slab"&gt;
     &lt;g:textField class ="number distanceSlab1" name="distanceSlabCost1" id = "distanceSlabCost1"  value=""/&gt; 
  &lt;/div&gt;
&lt;div class="dt_distance_slab"&gt;
     &lt;g:textField class ="number distanceSlab2" name="distanceSlabCost2" id = "distanceSlabCost2"  value=""/&gt; 
  &lt;/div&gt;
  &lt;div class="dt_distance_slab"&gt;
     &lt;g:textField class ="number distanceSlab3" name="distanceSlabCost3" id = "distanceSlabCost3"  value=""/&gt; 
  &lt;/div&gt;
   &lt;div class="dt_distance_slab"&gt;
     &lt;g:textField class ="number distanceSlab4" name="distanceSlabCost4" id = "distanceSlabCost4"  value=""/&gt; 
  &lt;/div&gt;
    &lt;div class="dt_distance_slab"&gt;
     &lt;g:textField class ="number distanceSlab5" name="distanceSlabCost5" id = "distanceSlabCost5"  value=""/&gt; 
  &lt;/div&gt;
</code></pre>

<p>i have done a validation that  input fields will aceept only numbers and values should be in ascending order.</p>
