Jquery get text value of option on change
<p>I have code like this:</p>

<pre><code>&lt;select name="caffe" id="caffe"&gt;
     &lt;option value="5"&gt;Red&lt;/option&gt;
     &lt;option value="6"&gt;nmfxnsdnx&lt;/option&gt;
&lt;/select&gt;
&lt;div id="gll_select"&gt;
     &lt;script&gt;
         var caffe = $("#caffe").val();
         var cff_name = $("#caffe option:first").text();
         $("#gll_select").load("http://localhost/010/form/galleries", {id : caffe}, function(){                 
        $("#gll").on('change', function(){
        var cff_name  = $("#caffe").text();
        get_gallery(cff_name);
        console.log(cff_name);
}); 
});  
     &lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>How can I get text value of the option that has been selected? </p>
