Dropdown-menu Bootstrap PHP

HTML

<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.css">
<script src="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.js"></script>
<div class="btn-group">
    <button id="drop" class="btn btn-danger btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
        BOTON <span class="caret"></span>
    </button>                   
    <ul class="dropdown-menu" role="menu" id="status">
        <li data-something="1"><a href="#">valor 1</a></li>
        <li data-something="2"><a href="#">valor 2</a></li>
    </ul>
</div>
<br><br><br><br><br>
<div id='output'></div>

JavaScript

$(document).on('click','#status li',function(){
    var dd_val = $(this).data('something');
    $.ajax({
        url     : '/echo/html/',
        type    : 'POST',
        data    : { valor : dd_val},
        success : function(data){
            $('#output').html('Submitted value: ' + dd_val);
            $('#drop').html('BOTON [' + dd_val + '] <span class="caret"></span>');
        }
    });
});