javascript - .next() は各ループで未定義です

Question

すべての価格範囲をループして、節約を示す HTML を挿入しようとしています。

関数.eachと(this).next.

Firebugで発生するエラーはTypeError: jQuery(...).next(...).html(...) is undefined

jQuery('.price').each(function(){

    var pricea = parseInt(jQuery(this).next(".count .amount:first").html().replace("£","")) ;
    var priceb = parseInt(jQuery(this).next(".count .amount:last").html().replace("£",""));
    var total = (pricea - priceb) / (pricea) * 100;
    var totalfixed = total.toFixed();
    jQuery(this).next('.saving').append(totalfixed);

    console.log(totalfixed);

});

私のHTML：

<li class="product ">
  <span class="price">
    <del class="count"><span class="amount2">WAS</span><span class="amount">&pound;35</span></del>
    <ins class="count"><span class="amount2">NOW </span><span class="amount">&pound;20</span><span style="clear:both" class="saving"> <br><br> YOU SAVE %</span></ins> </span> 
</li>

<li class="product ">
  <span class="price">
    <del class="count"><span class="amount2">WAS</span><span class="amount">&pound;35</span></del>
    <ins class="count"><span class="amount2">NOW </span><span class="amount">&pound;20</span><span style="clear:both" class="saving"> <br><br> YOU SAVE %</span></ins> </span> 
</li>

ここでライブデモを見ることができます