javascript - 非表示の要素のjQuery、divにテキストを入力

Question

選択したオプションに基づいて情報を表示する div があります。基本的に、ページには非表示に設定されている div がいくつかあります。ユーザーがドロップダウンから保持テキストではないオプションを選択すると ("please select..."またはそのバリエーションなど)、価格 div に価格が入力されます。オプションの ID とクラスは変更される可能性があり、事前に決定する方法はありません (動的に設定されます)。

ページに別の div があり、その最初の価格 div が表示されたときにデータを入力し、そこから金額を抽出し、計算を実行して表示します。

私はこれに沿って何かを考えていました：

jQuery( "form.variations_form cart" ).children("div.single_variation").change(
   function(){ 
        /* update the div */
   }
);

あなたが見ることができるように、私はすべてをjsfiddleに書き留めましたが、コメントに注意してください。jsfiddle へのリンクは次のとおりです: http://jsfiddle.net/Scott_McGready/h3G6A/1/

その最初のボックスを監視し、価格を調べて他のボックスに表示する方法について何か考えはありますか?