Hello monks, I have the following html code, I have been trying to figure out a way to click the second radio button using WWW::Mechanize::firefox

<input type="radio" name="user" id="Te" data-first-clickable="true" ar
+ia-label="Teacher" checked="checked">
<input type="radio" name="user" id="St" data-first-clickable="true" ar
+ia-label="Student">
[download]

here is what I've tried so far

$mech->click_button( id => 'St' ); #didn't work
$mech->click( id => 'St' ); #didn't work
$mech->click({ xpath => '//*[@name="user"]' }); # WORKED ! BUT clicked
+ the first one not the second
$mech->click({ xpath => '//*[@id="St"]',synchronize => 0}); #didn't wo
+rk
$mech->eval_in_page('document.getElementById("St").checked = checked;'
+); #didn't work
$mech->submit_form(
with_fields => {
user => 'St',
},
); #didn't work
[download]

how can I select the second radio, and I am using Mechanize::Firefox because once you click this radio button it executes a java script to expand a frame and show login fields. thank you for your time and help :)