title: jquery Function is undefined
body: <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;script scr="http://code.jquery.com/jquery-1.8.2.min.js" &gt;&lt;/script&gt; &lt;/head&gt;
  &lt;div id="cont1"&gt;
  &lt;select id="sel1" name="sel1" multiple&gt;
  &lt;option value="First"&gt;First&lt;/option&gt;
  &lt;option value="Second"&gt;Second&lt;/option&gt;
  &lt;option value="Third"&gt;Third&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(function() {
  $('#sel1 option').on('click', function(e){
  if($(this).is(':selected')){
  $('&lt;input value="'+$(this).val()+'" /&gt;').appendTo('#cont1');
  }
  });
  });
  &lt;/script&gt;
  &lt;html&gt;
  &lt;/body&gt;
  &lt;html&gt;
  </code></pre>
  
  <p>Why is this function not working? It gives the error 'function not defined'.</p>