Как динамически обновить значение автозаполнения другого на основе значений, выбранных на первом автозаполнении

Question

Я хочу обновить значение автозаполнения другого на основе значения, выбранного в первом текстовом поле из базы данных MySQL, ниже приведен код jquery для обновления значения из массива availabletags, но я хочу получить данные из базы данных MySQL, как внести измененияв соответствии с этим кодом JQuery ... любая помощь будет оценена. Заранее спасибо ..

$(document).ready(function () {
 var availableTags = [
"Java",
"JavaScript",
"PHP"
];
$( "#tags" ).autocomplete({
source: availableTags,
select: function( event, ui ) {
    $( "#version" ).val('');
    //alert(ui.item.value);
    var selected_val = ui.item.value;        
    if(selected_val == "Java")
    {
        $( "#version" ).autocomplete({
            source: ['Java 3.1' ,'Java 3.2']
    });
} 
else if(selected_val == "PHP")
{
    $( "#version" ).autocomplete({
        source: ['PHP 5.3.1' ,'PHP 5.3.4']
    });
} 
else if(selected_val == "JavaScript")
{
    $( "#version" ).autocomplete({
        source: ['JavaScript 1.0' ,'JavaScript 2.5']
    });
  } 
 }    
 });
 });

html

<h4>Jquery-ui autocomplete. The "version" values will be updated based on 
the selection of the selection of "programming language"</h4>
<div class="ui-widget">
<label for="tags">Select programming language: </label>
<input id="tags"><small>Type like "j"</small>

<br>
<label for="tags">Select version: </label>
<input id="version">    
</div>

mysql

DROP TABLE IF EXISTS `languages`;
CREATE TABLE IF NOT EXISTS `languages` (
 `Prog_language` varchar(20) DEFAULT NULL,
 `version` varchar(20) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

INSERT INTO `languages` (`Prog_language`, `version`) VALUES
('Java', 'Java 3.1'),
('Java', 'Java 3.2'),
('JavaScript', 'JavaScript 1.0'),
('JavaScript', 'JavaScript 2.5'),
('PHP', 'PHP 5.3.1'),
('PHP', 'PHP 5.3.4');