Получение текста тега опции в jquery

Может ли кто-нибудь помочь мне получить текст моего тега опций, потому что я всегда получаю пустой, когда я это делаю.

вот html / php

<div class = "form-group">
    <label for = "sel1" id = "type_set">Webhook Type:</label>
    <select name = "type" id = "selecting">
        <option value = "" selected disabled hidden >Choose Tagging</option>
        <?php

        $disp = PDODatabase::Instance()->QueryAll("SELECT * FROM social_media" );

        foreach($disp as $data){
            if ($data['_DELETED'] != 1){
                echo "<option data-med='".$data['SOCIAL_NAME']."'  id = 'soc' value='".$data['ID']."'>".$data['SOCIAL_NAME']."</option>";
            }
        }

    ?>
    </select>

</div>

вот сценарий:

jQuery(document).on('click','#soc', function(e){
  e.preventDefault();
  var med = $('#selecting:selected').text();
  alert(med);
  // var tod = ""+year+""+month+""+dat+""+ran+""+med+"";
  // document.getElementById("wname_set").value = tod;

});

спасибо Т_Т