How to Display Selected Item in Bootstrap Button Dropdown Title

How to Display Selected Item in Bootstrap Button Dropdown Title

Hi
I am using the bootstrap Dropdown component at my application and it is like: 
  1. <div class="btn-group">
  2. <button class="btn">Please Select From List</button>
  3. <button class="btn dropdown-toggle" data-toggle="dropdown">
  4. <span class="caret"></span>
  5. </button> 
  6. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
  7. <li><a tabindex="-1" href="#">Item I</a></li>
  8. <li><a tabindex="-1" href="#">Item II</a></li> 
  9. <li><a tabindex="-1" href="#">Item III</a></li> 
  10. <li class="divider"></li> 
  11. <li><a tabindex="-1" href="#">Other</a></li>
  12. </ul> 
  13. </div>
Now I would like to display the selected item as the btn caption.As you can see it is hard coded by "Please Select From List" but how I can display selected Item instead of that in the btn using jquery? I know that I can change that title by using the .html() or .text() method but I do not know how to grab selected value from the list? Can you please help me to figure this out? Thanks for your help