title: focus() not working in safari or chrome
body: <p>I have a div that has been given a tabindex, when the div is focused(click or tabbed to) it does the following:</p>
  
  <p>inserts an input into itself,
  gives the input focus</p>
  
  <p>this works great in FF, IE and Opera</p>
  
  <p>but in Chome/Safari it gives the input focus but fails to actually put the cursor inside the input (I know it gives it focus because the safari/chrome focus borders appear).</p>
  
  <p>Any suggestions as to what is going on?</p>
  
  <p>I have to fix the key handler after this so the arrow keys and backspace keys work too, feel free to chime in on that if you'd like.</p>
  
  <p>Thank you in advance!</p>
  
  <p>Here's a sample of the code:</p>
  
  <pre><code>var recipientDomElem = $("#recipientsDiv");
  recipientDomElem[0].tabIndex = 0;
  $("#recipientsDiv").focus(function(e){
  var code = (e.keyCode ? e.keyCode : e.which);
  window.clearTimeout(statusTimer);
  recipientDivHandler(code, null);
  });
  
  
  function recipientDivHandler(code, element){
  $("#recipientsDiv").append('&lt;input type="text" id="toInput" class="inlineBlockElement rightSpacer" style="border:0px none #ffffff; padding:0px; width:40px;margin-bottom:3px;padding:0; overflow:hidden; font-size:11px;" /&gt;');
  $("#toInput").focus();
  }
  </code></pre>
  
  <p>Another oddity about this is that tabbing through to the div will fire the div.focus() function and correctly give the input focus...it's just the click that fails.  I tried putting a .click() function on the div to do the same as the focus, but it's not working.</p>