title: Dynamically Populate one drop down based on selection in other drop down
body: <p>I have a drop down button for selecting the gender (Male or female) and another drop down button for selecting marital status.</p>
  
  <p>When selecting gender as male, then the marital status drop down button should list out:  </p>
  
  <ul>
  <li>unmarried</li>
  <li>married </li>
  <li>divorced, and </li>
  <li><strong>widower</strong></li>
  </ul>
  
  <p>When selecting gender as female the marital status drop down button should populate:</p>
  
  <ul>
  <li>unmarried</li>
  <li>married</li>
  <li>divorced, and</li>
  <li><strong>widow</strong></li>
  </ul>
  
  <p>Based on the selection in the first drop down button, the contents of second drop down button should change.</p>
  
  <p>Can anyone help me do this?</p>