[Resuelto] dropdown bootstrap jquery

Disculpen tenia un problema de conflicto, lo solucione con noConflict() :silbar:

hola a todos,

tengo un pequeño problema, buscando por la web estaba viendo los dropdown de bootstrap
pero no he podido hacerlo funcionar, lo que quiero es q si selecciono una opción esta se mantenga a la vista, tomando como ejemplo el código de w3schools,
quisiera que al seleccionar "HTML" la palabra "dropdown example" se cambie por la seleccionada en este caso "HTML", no he logrado hacer que funcione ni si quiera un alert con el evento click de jquery y ando un poco enredado, alguno pudiera ayudarme o echarme un "zelda" para ver algun ejemplo... saludos!

Código

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container">
 
  <div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">javascript</a></li>
    </ul>
  </div>
</div>
 
</body>
</html>