title: Jquery ajax issue, keep getting undefined as a result value
body: <p>I'm a total newbie at using ajax and jquery's ajax wrapper function. Trying to get json from an API and append the result to the html of a site that I'm building.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>$.ajax({
      type : 'GET',
      url : 'api/v1/get_profesors.php',
      success : function(data){                                           
          var content = 'Name : '+data.name ;
          content += ' Surname : '+data.surname ;
          content += ' Bio : '+data.bio ;
          content += ' Instrument : '+data.instrument ;
          $("#profesori").append(content);
      }
  });
  </code></pre>
  
  <p>The result which I'm getting is <em>Name : undefined Surname : undefined Bio : undefined Instrument : undefined</em>.</p>
  
  <p>Oh, and here's part of the JSON which I'm receiving from the API:</p>
  
  <pre><code>{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
  </code></pre>
  
  <p>Thanks in advance.</p>