Jquery Mobile et select

Bonjour,

je travaille actuellement avec le framework jquery mobile et j'ai un petit soucis avec un de mes select alimenté par une requête ajax.

Code Jquery :

Code:

1
2
3
4
 
$(document).ready (function () {
  load_matchs_list();
}

La fonction ajax :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function load_matchs_list(){
    $.ajax({
        url: "ajax/get_matchs.php",
        dataType : 'json',
        success: function(data){
            if(data != 0){
                data = eval(data);
                $("select#list_matchs").html("");
                $.each(data, function(index, element){
                    var newDate = mysqlTimeStampToDate(element.date);
                    newDate = newDate.getDate() + "/" + (newDate.getMonth() + 1) + "/" + newDate.getFullYear();
                    $("select#list_matchs").append("<option value=\""+ element.id_evenement+"\">" + element.nom + " - " + newDate + "</option>");               
                });
            }
        }
    });  
}

Code HTML :

Code:

1
2
3
4
 
<form method="post" enctype="multipart/form-data"> 
    <select id="list_matchs"  name="liste_matchs" ></select>
</form>

J’obtiens ceci :
http://data.imagup.com/11/1136106089.png

Le select s'alimente correctement mais il laisse un élement vide au début ... pas moyen de trouver comment le virer ... (mon tableau renvoyé par la fct ajax ne contient pas d’élément vide).

Merci d'avance :)