title: JQuery UI Multiselect getting values from different multiselect blocks
body: <p>This is link to the root of my question:
  <a href="https://stackoverflow.com/questions/8749771/jquery-ui-multiselect-how-to-get-selected-options-values">JQuery UI Multiselect how to get selected options values</a>.
  The problem was how to get <code>:selected</code> from the multiselect widget made by Michael Aufreiter.</p>
  
  <p>There is also this solution to the problem:</p>
  
  <pre><code>$('.ui-multiselect .selected li').each(function(idx,el){
      var link = $(el).data('optionLink');
      if(link) {
          selFriends.push(link.val()); //array with selected items
      }
  }); 
  </code></pre>
  
  <p>But I'm going to add a second multiselect block with the same data. This means that   <code>$('.ui-multiselect .selected li')</code> will get <code>:selected</code> elements from both widgets. That's wrong and I don't know how to modify code above. For example, I have two select blocks with different IDs, how can I make jQuery recognize from where is the element?</p>
  
  <hr>
  
  <p>As final target: I need to push selected elements from first widget to <code>selFriends</code> array and selected elements from the second to <code>anotherArray</code>. Any ideas?</p>