How can I click a button while a textarea is focused with jquery? : I'm using jquery's focus() to alter a textarea when focused. However, I need to click a submit button outside of the focused area. The submit button currently only worked after the textarea is un-focus. Here's my code

    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
	$(document).ready(function(){
		$("#post").focus(function(){
			$(this).css({'border-color':'green', 'height':'120px'});
		});
		$("#post").blur(function(){
			$(this).css({'border-color':'#bfbfbf', 'height':'50px'});
		});
	});
      
    function submit(){
     	//Do Something
		$('#post').val('');
    }
    </script>
    <style>
	textarea{
	border-radius: 3px;
	resize: none;
	width: 300px;
	height: 50px;
	font-size: 20px;
	padding: 10px;
	border: 2px solid #bfbfbf;
	}
    </style>
    </head>
    <body>
	<textarea name="post" cols="52" id="post" placeholder="Post.." onclick="focusasd()"></textarea>
	<br>
	<input type="button" name="submit" value="Submit" id="submit" onclick="submit()"/>

    </body>
    </html>

Here is a [jsfiddle][1]. How can I make the submit button work even when the textarea is focused. Thanks.


  [1]: https://jsfiddle.net/0ug2e5s4/2/