Populating Inner HTML In Each Statement
<p>I on success of an ajax call I am trying to populate each items real_price. What its doing is populating all the real_price tags of every item to the last value the service picks up.</p>

<p>How can I rewrite it to populate 1 at a time so every item has their specific price?</p>

<pre><code>&lt;div class="item"&gt;
    &lt;p class="price"&gt;$388.00&lt;/p&gt;
    &lt;p class="part_number"&gt;VM2327T23A00T&lt;/p&gt;
    &lt;p class="real_price"&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="item"&gt;
    &lt;p class="price"&gt;$88.00&lt;/p&gt;
    &lt;p class="part_number"&gt;AA327T23A00T&lt;/p&gt;
    &lt;p class="real_price"&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="item"&gt;
    &lt;p class="price"&gt;$38.00&lt;/p&gt;
    &lt;p class="part_number"&gt;AA327T23A00T&lt;/p&gt;
    &lt;p class="real_price"&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;script&gt;
    jQuery('.part_number').each(function () {

                jQuery.ajax(
                {
                    type: "POST",
                    url: "RealTimePricing.aspx/GetRealPrice",
                    data: "{pmber:' " + SearchSpring.jQuery(this).text() + "', lrice: ' " + jQuery(this).siblings('.price').text() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async: true,
                    cache: false,
                    success: function (msg) {
                       //NEED TO CHANGE SOMETHING HERE
                       jQuery('.real_price').html(msg.d);
&lt;/script&gt;
</code></pre>
