Динамический выпадающий список с PHP и MYSQL

Я пытаюсь создать форму с динамическим выпадающим списком, извлекающим данные из MYSQL. Моя база данных без ошибок.

Первая категория выпадающего меню работает нормально, но мне интересно, почему мой второй выпадающий список не работает. Я просто не могу отслеживать какие-либо ошибки в коде, и все же это происходит. вот мой код:

Код для динамической выпадающей формы:

<?php include_once "connection.php"; ?> <!DOCTYPE html> <html> <head> <title>Dropdown Ajax</title> </head> <body> <div class="country"> <label>Country</label> <select name="country" onchange="getId(this.value);"> <option value="">Select Country</option> //populate value using php <?php $query = "SELECT * FROM country"; $results=mysqli_query($con, $query); //loop foreach ($results as $country){ ?> <option value="<?php echo $country["cid"];?>"><?php echo $country["country"];?></option> <?php } ?> </select> </div> <div class="city"> <label>City</label> <select name="city" id="cityList"> <option value=""></option> </select> </div> <script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256- 16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"> </script> <script> function getId(val){ //We create ajax function $.ajax({ type: "POST", url: "getdata.php", data: "cid="+val, success: function(data){ $(#cityList).html(data); } }); } </script> </body> </html> 

Код подключения к базе данных:

 <?php $con = mysqli_connect("localhost", "root", "kensift", "tuts"); //Check connection if(mysqli_connect_errno()){ echo "Failed to connect:".mysqli_connect_errno(); } ?> 

Код для 2-го динамического раскрывающегося списка:

 <?php include_once "connection.php"; if (!empty($_POST["cid"])) { $cid = $_POST["cid"]; $query="SELECT * FROM city WHERE cid=$cid"; $results = mysqli_query($con, $query); foreach ($results as $city){ ?> <option value="<?php echo $city["cityId"];?>"><?php echo $city["city"];?> </option> <?php } } ?> 

Эти три части кода находятся в разных файлах.