How can I automatically populate HTML input boxes via jQuery?
<p>I have created a HTML form that looks like this (I have entered the first three values).</p>

<p>Home team: Reds<br />
Away team: Blues<br />
Batted first: Reds<br />
Batted second:<br />
Fielded first:<br />
Fielded second:<br /></p>

<p>If the Red team batted first, I know the Blue team must have batted second, fielded first and that the Reds fielded second. Following this logic, I'd like to save my user some time and populate the remaining three fields automatically - with jQuery.</p>

<p>I'm guessing I need event listeners on the Home team, Away team, and Batted first input boxes. When these register as having content, I need the remaining empty boxes to be set with the appropriate values (following the logic above). Can anyone give me some ideas of where to start with this problem.</p>

<p>Thanks,</p>
