append li to ul in jquery - onClick stopped working for newly added item

I'm facing an issue where i add a new LI to a UL and i'm unable to click it
Based on what i've read its to do with delegates and event handlers

<ul id="SchemeList" class="list-group">

   <li id="71" class="list-group-item">
      <a href="#">namegoeshere</a>
   </li>
</ul>

Select allOpen in new window

Here is the click event for the LI

   $('#SchemeList li').on('click', function () {
                alert(this.innerText); 
//...

Select allOpen in new window

Here is how i add the LI

<button class="btn btn-success" id="saveNewScheme" type="button" style="">Save New Scheme</button>

Select allOpen in new window

  $('#saveNewScheme').on('click', function () {

   var newSchemeId = 11;
   $("#SchemeList").append('<li class="list-group-item" id="' + newSchemeId + '"><a href="#">' + $("#schemeName").val() + '</a></li>');

Select allOpen in new window

should this work? or am i doing anything wrong (aside from using numbers for Id's