title: Javascript focus not retaining
body: <p>I have a page where radio button options need to be selected. When there is any unselected option and someone submit it, it will show a pop up error message.</p>
  
  <p>When press ok on pop up window it will close the pop up and come back to the parent window and set focus on unselected option(radio button). I used below methods to set the focus. After pressing ok button it goes to the unselected option but focus does not retain on it.</p>
  
  <p>calling a function to close the popup window from parent window</p>
  
  <pre><code>&lt;a alt="Ok" href="javascript:;" onclick="forceAndClose()" &gt;OK&lt;/a&gt;
  </code></pre>
  
  <p>function to close and set focus to the radio button element. Id 'missing' is set to unselected option</p>
  
  <pre><code>function forceAndClose(){
      dijit.byId('errorDialog').hide();
      var foc=document.getElementById("missing");
      foc.focus();
      foc.scrollIntoView();
      return;
  }
  </code></pre>
  
  <p>It seems after clicking "ok" button it loads the parent html file again for which the focus removes from the element.</p>
  
  <p>Help me to retain the focus on that unselected option.</p>
  
  <p>thanks</p>