title: How to select elements with jQuery that have a certain value in a data attribute array
body: <p>is there a way in jQuery to select elements that have a certain value in a data attribute array?</p>
  
  <p>Consider this snippet of html:</p>
  
  <pre><code>&lt;li id="person1" data-city="Boston, New York, San Fransisco"&gt;
      Person name 1
  &lt;/li&gt;
  &lt;li id="person2" data-city="Los Angeles, New York, Washington"&gt;
      Person name 2
  &lt;/li&gt;
  </code></pre>
  
  <p>What is the best way in jQuery to select all persons with "New York" in the data-city attribute?</p>
  
  <p>The solution should take in account that certain citynames appear in other city names (in example 2: London, New London)</p>
  
  <p>Example 2:</p>
  
  <pre><code>&lt;li id="person1" data-city="Boston, London, San Fransisco"&gt;
      Person name 1
  &lt;/li&gt;
  &lt;li id="person2" data-city="Los Angeles, Washington, New London"&gt;
      Person name 2
  &lt;/li&gt;
  </code></pre>
  
  <p>What is the best way in jQuery to select all persons with "London" in the data-city attribute? A city with "New London" should not be selected.</p>