Uso VS2010, aspnet, c# e jquery
Tenho 2 dropdown na minha página aspx, ambos contém os itens "PAI" e "MÃE".
Como faço para quando o primeiro for selecionado "PAI" o segundo automaticamente selecione "MÃE", e se o primeiro for selecionado "MÃE" o segundo automaticamente selecione "PAI".
OBS: este evento deve ocorrer do lado cliente, com javascript!
<asp:DropDownList ID="ddPai" runat="server" >
<asp:ListItem>MÃE</asp:ListItem>
<asp:ListItem>PAI</asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddMae" runat="server">
<asp:ListItem>MÃE</asp:ListItem>
<asp:ListItem>PAI</asp:ListItem>
</asp:DropDownList>