title: jQuery/CSS hover over a button only when it has a certain background image
body: <p>I'm trying to create a button and a checkmark ("agree") next to it. The checkmark is hidden. The button can have 3 different states (white.png, red.png, green.png) depending on real-time validation of the input in the form. <strong>UPD:</strong> It's not a normal-hover-clicked button. It is a submit button also  indicating whether the form is empty OR can't be sent OR can be sent. <strong>Only when the background image of the button is "green.png"</strong>, that checkmark should become visible on button hover. And this is my non-working code:</p>
  
  <pre><code>  $(document).ready(function() {
          $("#checkmark").css("background-image", "url(checkmark.png)").hide();
          if ($("#button_send").css("background-image", "url(green.png)")){
          $("#button_send").hover(
              function() {
                  $("#checkmark").show();
              },
              function() {
                  $("#checkmark").hide();
              }
          );
          };
  </code></pre>
  
  <p>Any help would be much appreciated! :)</p>