jQuery addClass on scroll is not working
<p>Okay, I'm trying to apply a CSS Style to an <code>&lt;img&gt;</code> tag that does not have any <code>class</code> or <code>id</code> assigned to it. Here is my code:  </p>

<p>===CSS===</p>

<pre><code>.tgll-navi { //begin custom class for navi bar
 .navi-left { //.navi-left
  float:right; 
  text-align:center; 
  } // end .navi-left
  img { // img
  max-height:269px !important; 
  max-width:524px !important; 
  height:75%; 
  width:75%; 
  padding:7px; 
  background-color:white; 
  border-style:solid; 
  border-color:black; 
  border-width:4px; 
} // end img
.scale { // scale
  max-width:174px !important; 
  max-height:89px !important; 
  height:25%; 
  width:25%; 
  padding:3px; 
  background-color:grey; 
  border-style:solid; 
  border-color:black; 
  border-width:2px; 
}// end scale; 
}// end tgll-navi class 
</code></pre>

<p>=== jQuery Code ===</p>

<pre><code>$(window).scroll(function() {    
var scroll = $(window).scrollTop(); 
if (scroll &gt;= 5) {
  $('img[src="http://gourmetlunchladies.com/new/wp-content/uploads/2016/02/image3355.png"]').addClass(".scale");
} else {
    $('img[src="http://gourmetlunchladies.com/new/wp-content/uploads/2016/02/image3355.png"]').removeClass(".scale");
}
});
</code></pre>

<p>I am not getting any errors in the JavaScript console.log
if I add alert ('Message'); after the .addClass I get the alert popup.
I removed alert to see if the class was applied but the class does not get applied.   </p>

<p>Working inside WordPress with DMS2 everything is updated to the latest version </p>

<p>Know me I probably forgot a period or semi-colon </p>

<p>Brent Higgs</p>