title: SyntaxError: invalid label while retrieving JSON object
body: <p>When retrieving JSON object I receive the following error: </p>
  
  <ol>
  <li>SyntaxError: invalid label in Mozilla.</li>
  <li>Uncaught SyntaxError: Unexpected token : in Chrome</li>
  </ol>
  
  <p>My JSON object is the format shown below:</p>
  
  <pre><code>{
     "userName" : "clevermeal835",
     "userRole" : "Participant",
     "userAccountStatus" : "Active"
  }
  </code></pre>
  
  <p>Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;script src="Scripts/jquery-min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery_validate.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
      loadLatestTweet();  
  });
  
  function loadLatestTweet(){
  var xhr = new XMLHttpRequest();
  var uid = "clevermeal835";
  var pwd = "Welcome_1";
  var userType = "participant";
      var surl =      'http://localhost:8080/RESTlet_WS/MobiSignIn/{"userName":"'+uid+'","password":"'+pwd+ '","userType":"'+userType+'"}&amp;callback=?';
  
      var jqxhr = $.getJSON(surl, function() {
          alert("success");
      }).success(function() { alert("second success");   }).error(function() { alert("error"); }).complete(function() { alert("complete"); });
      jqxhr.complete(function(){ alert("second complete"); });
   }
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input id="jsonpbtn2" type="submit" value="button" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>