Setting Html On Ajax Success
<p>I have html that looks like this with several items</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;
</code></pre>

<p>etc..</p>

<p>I am trying to iterate through each item and set its "real_price" to a value here is my code:</p>

<pre><code>  jQuery('.part_number').each(function () {
                    parts.push(SearchSpring.jQuery(this).text());

                    SearchSpring.jQuery.ajax(
            {
                type: "POST",
                url: "RealTimePricing.aspx/TestInteraction",
                data: "{param1:'brit', param2: 'nick'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: true,
                cache: false,
                success: function (msg) {                 
                   jQuery("#real_price").html(msg.d);

                }
            }
        );
      });

                }
</code></pre>

<p>I am getting the correct "msg" on success (I can see this in firebug) but it never sets the html, also it only iterates through the each 1 time..</p>

<p>I am not sure why this isnt setting the html</p>

<pre><code>  jQuery("#real_price").html(msg.d);
</code></pre>

<p>And why is my code not looping through all the ".part_number" tags in the html?</p>
