title: Can't access Json value
body: <p>I am trying to access the json object passed into the <code>loggedIn</code> function. </p>
  
  <p><code>{"name":"craig lafferty","ID":"1"}</code> is output to the console but the result of <code>console.log(data["name"]);</code> is undefined. What am I missing here?</p>
  
  <pre><code>function loggedIn(data)
  {
      console.log(data);
      console.log(data["name"]);
      $("#usernameDisplay").css({"z-index":"5"});
      $("#searchResultsContainer").css({"z-index":"3"});
      $("#usernameDisplay").text(data["name"]);
      $("#loginAddUserBack,#loginFacebook,#loginGoogle").animate({opacity: "0"}).delay(2, function(){$(this).css({"display": "none","z-index":"0"});});
      $("#menuIndic").css({"opacity":"0.3","z-index":"5"});
      $("#intro").animate({opacity: "0"}).delay(2, function(){$(this).css("display", "none");});
      $("#mainNotificationTable,#searchResultsContainer,#searchMainContainer").css("visibility", "visible");
      $("#searchTypes").css({"visibility": "visible", "z-index":"5"});
      id = data["ID"];
      //getUserInfo(username);
  }
  </code></pre>