title: How jQuery handle 'this' in the array function?
body: <p>I am very new in jQuery. I wrote a code </p>
  
  <pre><code>$(document).ready( function() {
          a= $( '.play' ).click( function() {
                  let a = this;
                  a.css( 'background-image', 'url(pause.svg)' );
                  return a;
          } );
  )};
  </code></pre>
  
  <p>Then when I console <code>a</code>, I get the correct result also <code>a.css</code> is referring to jQuery.
  but when i clicking on the element a type-error returned.</p>
  
  <blockquote>
    <p>TypeError: a.css is not a function</p>
  </blockquote>
  
  <p>Maybe I am not yet properly understand async JavaScript call. My question is, why I am getting this error? How jQuery handle <strong>this</strong> keyword in to the Array Function?</p>
  
  <p>--- Problem Solved ---</p>
  
  <p>I found <a href="https://stackoverflow.com/questions/1051782/whats-the-difference-between-this-and-this">this vs $(this)</a> discussion is my answer.</p>