I have a list of countries and abbreviations for those countries stored in an MySQL database. What I want to happen is have jQuery pull the countries from the database and use them in an autocomplete text input in my form. Unfortunately, I can't seem to get it to work. I tested to make sure I had the correct URL for the PHP file in the jQuery, and I was able to echo the raw json that the php file created, but as soon as I use the php file name as the source in the jQuery, it stops working. Here is my folder structure:

- people.php (Main Page w/display and jQuery)
- Model/
- Autocomplete/
- countries.php

And here are my scripts... any ideas where I might be going wrong? I was on IRC jQuery, and no one seemed to be able to figure out where I was going wrong:

jQuery on people.php
HTML Code:
$(document).ready(function(){
    $('input[name="country"]').autocomplete({
        source: "/genesis/model/autocomplete/countries.php",
        minLength: 2
    });
});

<!-- and the HTML form field -->
<div>
    <label for="country"><span>*</span> Country</label>
    <div><input type="text" name="country" value="" /></div>
</div>
countries.php
PHP Code:
    global $dbh;

    
$countries = array();

    
$stmt $dbh->prepare('SELECT name, abbr FROM countries ORDER BY name ASC');
    if (
$stmt->execute()) {
        while (
$row $stmt->fetch()) {
            
$countries[] = array('label' => $row['name']);
        }
    }

    echo 
json_encode($countries);