title: Failing to render base64 image return by async ajax call
body: <p>I trying to make multiple async ajax call and one of it is to request base 64 image from server. It works for IE, Chrome and Firefox if i set the ajax request for base64 image to synchronous. However, for the case of asynchronous, the image is being rendered everytime in IE but not being rendered in Chrome and Firefox once in a while. Sometimes it is being rendered and sometimes it is not.
  Most importantly, mobile browser do not render the image at ALL.</p>
  
  <p>The code is pretty simple but I have no idea what's wrong with it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function TestViewModel() {
    var self = this;
    
    self.Image = ko.observable();
   
    
    self.GetProfileData = function () {
      $.ajax({
       async: true,
       type: 'GET',
       url: ..,
       success: {
          // return profile data
       }  
      });
    }
    
    self.GetProfileImage = function() {
      $.ajax({
         async: true, 
         type: 'GET',
         url: ..,
         success(data): {
          self.Image(data.Base64Image);
         }
      });
     }
    
    self.GetProfileData();
    self.GetProfileImage();
  }
  
  ko.applyBindings(new TestViewModel());</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img data-bind="attr: { src: Image }" alt="ProfileImage" /&gt;</code></pre>
  </div>
  </div>
  </p>