title: jQuery Selecting DOM Element by data-attribute with multiple Identifiers in it
body: <p><strong>Note: this isn't a basic question on Querying by data-attributes</strong></p>
  
  <p>The problem I'm having is that I have certain elements like so:</p>
  
  <pre><code>&lt;div data-step="1, 4"&gt;
  </code></pre>
  
  <p>I have figured out how to step through each <code>[data-step]</code> and extract  the <code>1, 4</code> and create events for them, etc.</p>
  
  <p><strong>Let's say I'm trying to Query and grab this exact data-step but all I'm given is: 4</strong></p>
  
  <pre><code>$('[data-step="4"]') 
  // this won't work of course
  
  $('[data-step="1, 4"]')
  // obviously this will work, but at this point I'm only given the index
  // which will only be ONE of these numbers
  </code></pre>
  
  <p>Basically given (for examples sake, 4) How can I easily Query the selector to go out and grab <code>[data-step="1, 4"]</code>?</p>
  
  <p>All I'm able to come up with is a loop, that goes through each data-step, strips out everything and sees if there is a match. Is there an easier way potentially?</p>