dynamic_modals.js

(function($) {
  
  var options = { show: false };
  var $modal  = $('#tag-modal');

  // Initialize the modal
  $modal.modal(options);

  $modal.on('hidden', function() {
    resetTagModal();
  });

  $(document).on('click', '.edit-tag', function(click) {
    updateTagModalWith(readTagData($(this)));
    openTagModal();
    return false;
  });

  function readTagData($button) {
    return {
      tag_name: $button.data('tag-name'),
      tag_id:  $button.data('tag-id')
    };
  }

  function updateTagModalWith(data) {
    $modal.find('.tag_name').val(data.tag_name);
    $modal.find('#tag_id').val(data.tag_id);
  }

  function resetTagModal() {
    $modal.find('.tag_name').val('');
    $modal.find('#tag_id').val('');
  }

  function openTagModal() {
    $modal.modal('show');
  }
})(jQuery);