jquery how to update drop down menu list based on previous drop down menu selection

jquery how to update drop down menu list based on previous drop down menu selection

Hello lovely members,
This is my first time I tried a new post   and hope this would help :)

I am developing a form , one of things that required is when the user selects his country :
  1. <select  style="width:221px;" id="country" name="country" class="country"  >
            <option value="0">Select your Country</option>
            <option value="KWT">Kuwait</option>
            <option value="UAE">UAE</option>
            <option value="KSA">KSA</option>
            <option value="JOR">Jordan</option>
            <option value="BAH">Bahrain</option>
            <option value="QAT">Qatar</option>
            <option value="Egypt">Egypt</option>      </select>







I want the next drop down menu list ( Select the store ) to display the list of stores for the selected country only ,

  1. <select  name="store" class="store">
        <option value="0">Select your Store</option>
        <option value="Store of Kuwait">Store of Kuwait</option>
        <option value="Store of Kuwait">Store of Kuwait</option>
        <option value="Marina Mall">Marina Mall</option>
       </select> 




  1.  <select  name="store" class="store">
        <option value="0">Select your Store</option>
        <option value="Bahrain City Centre">Bahrain City Centre</option>
       </select>



Would somebody please help me writing jquery code that will display the drop down menu list for the country selected only ?


Thank you so much