title: Can not get value from JSON object
body: <p>I'm having trouble getting the data value from JSON object. Here is my code:</p>
  
  <pre><code>var ab_id = $( "#ab_id" ).val();
  $.ajax({
      type: 'GET',
      contentType: 'application/json',
      url: 'edit_account.php',
      data: {ab_id:ab_id, u_id:u_id},
      success: function(data) 
      {
          alert(data.ab_name);        
      },
  
  });
  </code></pre>
  
  <p>When I do <code>alert(data)</code>, I got the actual data like this:</p>
  
  <pre><code>{    
       "ab_id":"7",
       "ab_name":"Lily's Storage Address",
       "ab_ship_name":"LIly C\/O SELF STORAGE",
       "ab_addr_1":"C\/O Lily",
       "ab_addr_2":"16 PIUMA AVENUE, UNIT #2",
       "ab_city":"CERI",          
       "ab_state":"CA",
       "ab_postal":"90700",
       "ab_phone":null,
       "ab_default":"0",
       "ab_is_storage":"1"
  }
  </code></pre>
  
  <p>However, when I retrieve the data value by using <code>data.ab_name</code>, it returns undefined.</p>
  
  <p>Am I missing something here? </p>