title: Get values from selected box in bs dual list angularJS
body: <p>I am trying to get the selected values in a dual box. 
  with refference of this link <a href="http://www.virtuosoft.eu/code/bootstrap-duallistbox/" rel="nofollow">http://www.virtuosoft.eu/code/bootstrap-duallistbox/</a></p>
  
  <p>I have done something like below code snippet:</p>
  
  <p><strong>.html</strong></p>
  
  <pre><code>&lt;select name="duallistbox_demo1[]"
                          ng-model="recSchedule"
  
                          ng-options="recSchedule as recSchedule.recSchedulingName for recSchedule in recordingSchedules"
                          size="10"
                          multiple
                          bs-duallistbox
                          selected-list-label="{{ settings.selectedListLabel }}"
                          non-selected-list-label="{{ settings.nonSelectedListLabel }}"&gt;
                  &lt;/select&gt;
  </code></pre>
  
  <p><strong>json file:</strong></p>
  
  <pre><code>[
  
      {
          "id": "1",        
          "recSchedulingName": "Record Schedule 1"
      },
      {
          "id": "2",
          "recSchedulingName": "Record Schedule 2"
      },
      {
          "id": "3",
          "recSchedulingName": "Record Schedule 3"
      }
  ]
  </code></pre>
  
  <p><strong>.js</strong></p>
  
  <pre><code>console.log($('[name="duallistbox_demo1[]"]').val());
  </code></pre>
  
  <p>I am getting only this:</p>
  
  <pre><code>["object:326"]
  </code></pre>
  
  <p>I need to show the id or recSchedulingName here.</p>