js/jquery focus textarea не работает

$(function(){ 
    $(document).on("focus","textarea", function(){ 
        console.log("textarea focus"); 
      
    }); 
  $('textarea').focus(); 
}); 
 
     
  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<textarea>con</textarea>

$('textarea').focus(function(e){ alert('Работает же')}) 
$('textarea').trigger('focus')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<textarea cols="100" row="100"> </textarea>

textarea{ 
background:red; 
} 
textarea:focus{ 
background:green; 
}

<textarea cols="100" row="100"> </textarea>