Event fired an extra time on each subsequent request.

Event fired an extra time on each subsequent request.

Hi,
I'm pretty new to plugin development (stared the weekend) and was wondering if someone could tell me why the following event will occur one more time it did the last time on each subsequent time it's being fired?

It's pretty much just opening a modal which will allow the user to create a new record.  Upon close, the callback in the client get called that will update the list on the calling page with the new record.

Plugin:
  1. (function ($) {
  2.     $.fn.extend({        
  3.         addCustomService: function (options, callback) {            
  4.             var defaults = {
  5.                 saveButton: $('#btnSave'),
  6.                 url: ''
  7.             };
  8.             options = $.extend(defaults, options);
  9.             var url = options["url"];
  10.             var saveButton = options["saveButton"];            
  11.             return this.each(function () {
  12.                 $('#modalContent', this).load(url);
  13.                 $(this).modal('show');
  14.                 saveButton.live("click", function () {
  15.                     callback.call(this, 123, "new name");
  16.                 });
  17.             });
  18.         }
  19.     });
  20. })(jQuery);
Parent Page Script:
  1. $(document).ready(function() {
  2.     $('#template_row').hide();
  3.     $('#addCustomService').live("click", function(event) {
  4.         $('#modalTemplate').addCustomService(
  5.             {
  6.                 saveButton: $('#btnSave'),
  7.                 url: '..to be set...'
  8.             },
  9.             function(id, name) {
  10.                 var clone = $('#template_row').clone();
  11.                 clone.appendTo('#selectedServiceTable');
  12.                 $('td span', clone).text(name);
  13.                 var box = $('input:checkbox', clone);
  14.                 box.attr('checked', 'checked');
  15.                 box.attr('value', id);
  16.                 clone.show();
  17.             }
  18.         );
  19.         event.preventDefault();
  20.     });
  21. });
The Modal:
  1. <!-- ***** Modal Template  ***** -->
  2. <div id="modalTemplate" class="modal hide fade">
  3.     <div class="modal-header">
  4.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  5.         <h4>....add own service....</h4>
  6.     </div>
  7.     <div class="modal-body" id="modalContent"></div>
  8.     <div class="modal-footer">
  9.         <a id="btnCancel" href="#" class="btn" data-dismiss="modal" >Close</a>
  10.         <a id="btnSave" href="#" class="btn" data-dismiss="modal" >Save</a>
  11.     </div>
  12. </div>
  13. <!-- ***** End Modal ***** -->
Also, any critic about the way I'm going about is welcome.  Like I said, I just started.