json to html table,Output JSON to html table

I'm having trouble outputting a JSON to a HTML table within my tab (for part of a javascript/jQuery evening course assignment).

Please could someone have a look, and advise what sort of amendments I would have to make to output in a table format?

I get the success alert, but the table doesn't populate.

Thanks.

// Tabs

$(function() {

$( "#tabs" ).tabs();

});

// Spanish

$(document).ready(function(){

$.ajax({

url: "http://learn.cf.ac.uk/webstudent/sem5tl/javascript/assignments/spanish.php", // path to file

dataType: 'jsonp',

jsonp: 'callback',

jsonpCallback: 'jsonpCallback',

success: function () {

alert('success');

}

});

});

function drawTable(data) {

for (var i = 0; i < data.length; i++) {

drawRow(data[i]);

}

}

function drawRow(rowData) {

var row = $("

")

$("#table").append(row);

row.append($("

" + rowData.course + ""));

row.append($("

" + rowData.name + ""));

row.append($("

" + rowData.price + ""));

}

And the HTML:

50. Italian

51. Spanish

CourseNamePrice