Scrolling to radio button on form onBlur of textbox
<p>I have a questionnaire form for users to complete.  When a user completes one question (firing the onBlur event), the page scrolls smoothly to the next question (using an anchor tag) for them to complete.  This works fine except for the following scenario (shown in the jsFiddle):</p>

<ul>
<li>User enters text in first textbox 'A'</li>
<li>They leave textbox 'A' by scrolling down to then clicking directly on an option in the radio buttons list.</li>
</ul>

<p>It fires off the scroll event perfectly (though it doesn't look as smooth in the jsFiddle though that's irrelevant).. The issue is that it doesn't set the radio option clicked on to be selected and the user is required to click the option again.  </p>

<p>jsFiddle: <a href="http://jsfiddle.net/4ZkpZ/5/" rel="nofollow">http://jsfiddle.net/4ZkpZ/5/</a></p>

<p>Anyone any ideas?</p>
