无法从字段jquery mobile读取值

Question

my html code

<?php 
  while($results = $user_class->fetch_array($sql)){
?>
  <input type="text" name="price[]" class="price" id="price" 
    size="5px" readonly value="<?php echo $results['price_v'] ?>">
  <select onChange="update(); return false;" name="qty[]" class="quant">
    <option value="0"></option>
    <?php 
      $limit = $results['limiter'];
      for($i=1;$i <= $limit;$i++ ){ 
    ?>
      <option value="<?php echo $i?>"><?php echo $i?></option>
    <?php } ?>
  </select>

this is my jquery code

$("#example_form tr.raww").each(function(i,o){ 
  if($(o).find(".quant").val()>0) { 
    total += $(o).find(".quant").val() * $(o).find(".price").val(); 
  } 
});

if i attach

<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

My jQuery can't read the value from the field.
And if i remove that jquery mobile can read value from field.

http://jsfiddle.net/QJxYv/3/

Is there anything wrong with my jQuery code?

Answer 1

Your code will work as long as there is only one element with class quant and one element with class price in each row of class raww.