Jquery 模态对话框 数据传递问题

<div class="modal fade" id="AddColorInfo" tabindex="-1" role="dialog"
   aria-labelledby="AddColorInfoLabel" aria-hidden="false">

   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close"
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="AddColorInfoLabel">
               添加颜色信息
            </h4>
         </div>

         <div class="modal-body">           
            <form class="form-horizontal" role="form">
               <div class="form-group">

                  <label for="colorName" class="col-sm-4 control-label">颜色名称</label>
                  <div class="col-sm-4">
                  <input type="text" class=" form-control" id="colorName" placeholder="颜色名称">
                  </div>
               </div>               

               <div class="form-group">
                  <div class="col-sm-offset-4 col-sm-8">
                     <button type="submit" class="btn btn-default">确定</button>
                  </div>
               </div>
            </form>

         </div>

<script type="text/javascript">
        $(‘#AddColorInfo‘).on(‘show.bs.modal‘, function (event) {
          var button = $(event.relatedTarget) // Button that triggered the modal
          var recipient = button.data(‘whatever‘) // 从button 的 data-* 属性获取参数值
          var modal = $(this)
          // modal.find(‘.modal-title‘).text(‘New message to ‘ + recipient)
          // modal.find(‘.modal-body input‘).val(recipient)
          modal.find(‘#colorName‘).val(recipient) //  找到 colorName 并赋值
        })
    </script>