title: Ember Ember.select get selected value
body: <p>I have a simple Ember application where I have an input box, two select boxes and a button. I can access the value of the input box in the method "doSearch", but not the values of select boxes.
  So far, nothing I tried worked - I commented out my failing attempts to access the selection. I'm beginnig to think this has to be related to my limited knowledge of Ember.</p>
  
  <p>Any help will be much appreciated.
  Here is my HTML and script:</p>
  
  <pre><code>    &lt;script type="text/x-handlebars" data-template-name="application"&gt;
          &lt;div id="headerDiv"&gt;
              &lt;ul&gt;
                  &lt;li&gt;
                     &lt;image src="logo.png" style="width:439px;height:102px;"/&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      {{input type="text" placeholder="Search content" value=newSearch action="doSearch"}}
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;button type="button" {{action "doSearch"}}&gt;Search&lt;/button&gt;
                  &lt;/li&gt;
                  &lt;li&gt;{{#link-to 'home'}}Home{{/link-to}} | {{#link-to 'help'}}Help{{/link-to}}&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  
          &lt;span class="filter"&gt;Content Type:
              {{view Ember.Select
                 content=selectContentType
                 optionValuePath="content.value"
                 optionLabelPath="content.label"}}
          &lt;/span&gt;
          &lt;span class="filter"&gt;Date:
              {{view Ember.Select
                 content=selectDate
                 optionValuePath="content.value"
                 optionLabelPath="content.label"}}
          &lt;/span&gt;
      &lt;/script&gt;
  </code></pre>
  
  <p>This is the javascript where I'm attempting to reach the select boxes:</p>
  
  <pre><code>App = Ember.Application.create();
  
  App.Router.map(function(){
      this.resource('home', { path: '/' });
      this.resource('help');
  });
  
  App.ApplicationController = Ember.ArrayController.extend({
      selectContentType: [
          {label: "All", value: "all"},
          {label: "Text", value: "text"},
          {label: "Image", value: "image"}
      ],
       selectDate: [
          {label: "None", value: "none"},
          {label: "Today", value: "today"},
          {label: "Last 7 days", value: "7days"}
      ],
      actions: {
          doSearch: function () {
            var searchVal = this.get('newSearch');
            if (!searchVal.trim()) {return;}
            console.log('got searchVal: ',searchVal );
  
            var selectType = $("#selectContentType").val();
            //$("#selectContentType option:selected").val();
            //this.get('selectContentType.value');              
            console.log('got selectType: ',selectType );
          }
      }
  });
  </code></pre>