title: Default value before change function
body: <p>I have a simple drop down list with values. On change, the value is passed to a variable <code>place</code></p>
  
  <p>The <code>place</code> value is passed to a div, which loads data from an api. It works fines after I select one of the values, but my initial value is blank.</p>
  
  <p>How can I store a default value before the select list is clicked?</p>
  
  <pre><code>&lt;select name="places"&gt;
    &lt;option value="135264023"&gt;New York&lt;/option&gt;
    &lt;option value="116721348"&gt;Los Angeles&lt;/option&gt;
    &lt;option value="104279908"&gt;Dubai&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="widget"&gt;&lt;/div&gt;
  
  &lt;script&gt;
  $('select').change(function() {
    var place = $(this).val();
    console.log(place);
    // This call have to happen after div and &lt;script&gt; tag.
    widgetOptions({
      element: 'widget',
      placeId: place,
    });
  });
  &lt;/script&gt;
  </code></pre>