html - その値を適切に取得するためにjavascriptグローバル変数を設定する方法

Question

ページに 2 つの html 要素があります。1つはドロップダウンで、もう1つはテキストフィールドです（オートコンプリートとして機能しています）。

     <select id="match_engine_brand" name="match_engine[brand]" class="hidden-field"><option value="">Select Brand</option><option value="3">addidas</option>
        <option value="5">cat</option>
        <option value="2">nike</option>
        <option value="4">panther</option>
        <option value="6">tower</option></select>

テキストフィールドが

     <input class="string required ui-autocomplete-input" id="match_engine_shoe_model" name="match_engine[shoe_model]" placeholder="select model of shoe using autocomplete" required="required" size="50" type="text" autocomplete="off"> 

私のcofeescriptコードは以下です

     $(document).ready ->

       $("#match_engine_brand").change ->
           window.flag_value =  $(this).val()
           alert(window.flag_value) #value display in alert

       $('#match_engine_shoe_model').autocomplete
         source: "/user/match_shoes/shoes?id="+window.flag_value
         select: (event, ui) -> $("#match_engine_shoe_model").val(ui.item.id)

オートコンプリート機能で

window.flag_value       #give me undefined value    
$('#match_engine_brand :selected').val()   #give me undefined value 

オートコンプリート機能でドロップダウン値を取得する方法。

手伝ってくれてありがとう