Use jQuery to change text color inside any clicked block element
<p>I need your help with something that should be simple, I hope :)</p>

<p>I have this html:</p>

<pre><code>&lt;div&gt;div text&lt;/div&gt;
&lt;p&gt;p text&lt;/p&gt;
&lt;span&gt;span text&lt;/span&gt;
&lt;h1&gt;h1 text&lt;/h1&gt;
&lt;ul&gt;
  &lt;li&gt;some li text&lt;/li&gt;
  &lt;li&gt;more li text&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I need jQuery to color selected text to red every time that element is clicked. Now, there might be some other elements too so keep that in mind. Also, only selected element should change the color.</p>

<p>As an example here is some simple code that will do exactly what I need but only for div element:  </p>

<pre><code>  $('div').click(function() {
    $(this).css({'color':'red'}); 
  });
</code></pre>

<p>What is the simplest code to have the same functionality for all elements in html.</p>

<p>Thanks!</p>
