How do I check if attribute is empty?
<p>I have a few select menus that include blank options. When both are blank (usually on the first page load), I would like to show some hidden div.</p>

<p>This is what I have:</p>

<pre><code>  $('.variant_options select').each(function() { 
      if ($(this).attr('value') === '') {
        // some code here to show hidden div
        console.log("No options chosen");
      }
  });
</code></pre>

<p>This doesn't seem to work.</p>

<p><strong>Edit 1</strong></p>

<p>For what it's worth, I have tried something like this:</p>

<pre><code>  if (!$(this).attr('value'))
</code></pre>

<p>And that has seem to KINDA work, but it breaks functionality elsewhere.</p>
