Récupération variable JS

Bonjour,

Voici le bout de code :

 var rows = 0;
            $(document).ready(function () {
                $("#MonSelect").selectmenu({
                    change:function () {
                    var id = $('#MonSelect').val();
                    $.ajax({
                        type: "POST",
                        data: {"ID": id},
                        url: "traitement.php",
                        dataType: "json",
                        success: function (data) {
                            rows = data.length;
                            $('#table_d').empty();
                            $.each(data, function (index, valeur) {
                                var input_match = $('<input>', {
                                    type: 'text',
                                    value: valeur.match
                                });
                                var input_val = $('<input>', {
                                    type: 'text',
                                    value: valeur.val
                                });                                
                                var row = $("<tr />");                                
                                $("#table_d").append(row);
                                row.append($("<td class='test'>" + input_match.val() + "</td>"));
                                row.append($("<td class='test'>" + input_val.val() + "</td>"));
                            });
                        }
                    });
                }
            });
            });
            console.log(rows);

Je souhaite récupérer la variable rows pour une autre fonction ...
Je me suis renseigné sur les variables globales etc ... Mais je trouve pas la solution ...
Le console.log renvoit "undefined" ce qui est logique puisque la variable n'est pas initialisé à l'ouverture de la page mais seulement après le onchange sur le select ...

Comment je peux faire pour récupérer rows dans une autre fonction ??

Merci à vous