I'm new to Sencha so I apologize if this problem seems simple. I'm trying to pull data from a JSON file and have it appear in a drop down selection menu. I have successfully achieved this when having the data in a data store, but I have problems making it work once I put the data in a JSON file. Can someone please help me resolve this issue. Thanks in advance.

My code:

Ext.regModel('person', {
fields :
[
'name',
'pID'
]
});


var peopleStore = new Ext.data.JsonStore({
model: 'person',
proxy:
{
type : 'ajax',
url: 'getPersons.json',
reader:
{
type: 'json',
root: 'data'
},
idProperty: 'pID'
},
autoLoad : true
});






var myPanel = new Ext.form.FormPanel({
fullscreen : true,
dockedItems:
[
{
xtype : 'toolbar',
title : 'Tell us about yourself.',
dock : 'top'
}
],
items:
[
{
xtype: 'selectfield',
label: 'Select',
valueField: 'pID',
displayField: 'name',
store: peopleStore
}
]

});

My JSON:

{
success: true,
data:
[
{ name: "Anthony De Moss", pID: 1 },
{ name: "Jay Garcia", pID: 2 }
]


}