$.each() not saving values

$.each() not saving values

It's not often I ask a question myself!


Please could someone sanity check my code before I report it as a bug.  Is this a bug?


I'm trying to alter the values of a custom object's properties, from within a $.each() loop. The full demo code is on jsfiddle:-   http://jsfiddle.net/alano/96XDz/
  1. var obj = { 
  2.     testA: "please change this",
  3.     testB: "and change this too" 
  4. };
  5. function doReplace() {
  6.     $.each(obj, function (index, value) {
  7.         var newVal = value.replace("change", "done");
  8.         this[index] = newVal;
  9.         //obj[index] = newVal;
  10.         //obj[index] = newVal.toString();
  11.         //value = newVal;
  12.     });
  13.     $("#result").text("Result: " + obj.testA + " + " + obj.testB);
  14. }
According to my interpretation of the jQuery Documentation for jQuery.each() , and the elaborations in the Wiki articles at bottom of page, each of my highlighted attempts to write to the target object being iterated should be saved and available after loop has completed.


I have tested the code and it fails on both the browsers I tried (Google Chrome 24 and IE9).


Thanks in advance,
Alan