title: modal appearing when option from select dropdown has been selected
body: <p>WEll,</p>
  
  <p>I'm trying to make to appear a modal window if one of the options in a select dropdown is selected. It did work if instead of using the option from the select I use a simple button, but I need it from the select.</p>
  
  <p>The screen change it's opacity though, so I guess I'm doing something.... but wrong. Obviously I have the link and scripts from bootstrap that I need, open and close doc and html too.</p>
  
  <p>Any suggestions?</p>
  
  <p>Thank youuu</p>
  
  <pre><code>html
  ------------------------------------------------------------------------
      &lt;select id="selectAction" data-style="btn-info" onchange="newGraph(this)"&gt;
          &lt;option value="" disabled selected&gt;Select your option:&lt;/option&gt;
          &lt;option value="create"&gt;Create a new graph&lt;/option&gt;
          &lt;option value="recall"&gt;Recall a saved graph&lt;/option&gt;
        &lt;/select&gt;
  
        &lt;!--Pop up window--&gt;
  
        &lt;div data-toggle="modal" data-target="#popUp1"&gt;   //it works if I put this in a &lt;button&gt; instead a div, but then, I have to click to button to make the modal to work so it in not what I want.
  &lt;div class="modal hide fade" id="popUp1" tabindex="-1" role="dialog" aria-labelledby="popUp1" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/button&gt;
          &lt;h4&gt;Creating a new graph:&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;p&gt;Here some text&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-danger" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;button type="button" class="btn btn-success"&gt;Save changes&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
      &lt;/div&gt; 
  
  
  script
  --------------------------------------------------------------------------------
  function newGraph(element) {
    if($(element).val() === 'create') {
       $('.toolsHeader').show();
       $('#popUp1').modal();
        $('#selectAction').hide();
    }
     else{ 
      return false;
    }};
  </code></pre>