Jquery working with two or more variables at the same time
<p>I am having code like this:</p>

<pre><code> var input = $('input');
            var select = $('select');
            var text = $('textarea');
            var name = $('#name');
            var email = $('#email');
            var phone = $('#phone');
            var subject = $('#subject');
            var message = $('#message');
            var sum = $('#sum');

            (input, select, text).focus(function(){

                $(this).css('z-index', 100)
            });
</code></pre>

<p>When input element is focus, it needs to change z-index to a 100, and non focused elements need to change their z-index to 1. How can I do this?</p>
