jquery - divのjqueryフォーカスはie10では機能しますが、firefox/chromeでは機能しません

Question

私のコードは基本的に を表示し、その下にあるupdateLogText divに焦点を当てることにmiddle divなっています。

コードは次のとおりです。

$('#updateLogButton').click(function(event) {


    if ($('#updateLogText').is(':visible')){
        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();
        $('#middle').focus(); 
    }
        return false;

    });

完全を期すために div コードを追加します。

<?php 
                    if ( $num_of_updates != 0){
       ?>
       <div id="showUpdates">

        <a href="#" id="updateLogButton">View Update Log: <?php echo $num_of_updates ?></a>


            <?php } ?>


            <div id="updateLogText">
                    <?php 


                    while ($row = mysqli_fetch_array($updates_log_result)){
                        echo '<div class="commentbox">';
                        echo $row['comments'];
                        echo '</div>';
                        echo '<div class="commentfooter">Posted by '.$row['user'].' @ '.$row['datestamp'].'</div>';

                        echo'<br>';
                        }   

                    ?>
                </div>
          </div>

 <div id="middle">

     <div id="custExpBox">
       <div class="titleText boxTitle"> Customer Experience </div>  
      <div style="padding:3px;"> <?php echo nl2br("$data[cust_exp]"); ?> </div>
     </div>

    <div id="techSumBox">
      <div class="titleText boxTitle"> Technical Summary </div>
      <div style="padding-top:2px;"> <?php echo nl2br("$data[summary]"); ?> </div>
    </div>

 </div>

これがFirefox/Chromeで失敗する理由を教えてください。

ありがとう。