JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    In Firefox, clicking in the text input removes focus. The intended behavior is what works in Chrome.
</p>

<div class="control-group">
    <label class="control-label">Help requested for</label>
    <div class="controls">
      <label class="radio">
        <input type="radio" name="requestfor" id="optionsRadios1" value="me" checked />
        Me
      </label>
      <label class="radio">
        <input type="radio" name="requestfor" id="optionsRadios2" value="someoneelse" />
        Behalf of
      </label>      
      <input type="text" name="behalfof" id="behalfofid"/>
    </div>
  </div>

JavaScript

$('#behalfofid').click(function(){
    $('#optionsRadios2').trigger('click');
});