title: how to changed jquery Lightbox_me default Login button value to Close
body: <p>i'm using www.buckwilson.me/lightboxme plugin...after apply code and pop work perfectly.But problem is i unable to changed default value of Login Button</p>
  
  <p>my display</p>
  
  <p><img src="https://i.stack.imgur.com/7fXK5.png" alt="enter image description here"></p>
  
  <p>Needed Display  (This sample edited using ms paint)</p>
  
  <p><img src="https://i.stack.imgur.com/OXRZB.png" alt="enter image description here"></p>
  
  <p>Full Code</p>
  
  <pre><code>    &lt;script type="text/javascript" src="jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.lightbox_me.js" charset="utf-8"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" charset="utf-8"&gt;
  
      $(document).ready(function() {
  
           $(function() {
  
                  $('#try-1').click(function(e) {
                      $("#sign_up").lightbox_me({centered: true,closeClick:false, onLoad: function() {
                          $("#sign_up").find("input:first").focus();
                      }});
  
                      e.preventDefault();
                  });
  
              });
  
      });
  
  &lt;/script&gt;
  
  &lt;link rel="stylesheet" href="popup.css" type="text/css" media="screen" title="no title" charset="utf-8"&gt;
  
  
  &lt;div id="sign_up" style="display: none; left: 50%; margin-left: -223px; z-index: 1002; position: fixed; top: 50%; margin-top: -159px;"&gt; &lt;br/&gt;
    &lt;div class="announcement"&gt;Important Announcement!!!&lt;/div&gt;
    &lt;div id="home_sign_up_form"&gt; To keep updating! Like our Fabebook page ,Follow us on Twitter, Google+ or Subscribe RSS Feed.&lt;br/&gt;&lt;br/&gt;
  
  
  
              &lt;div style="float:left; margin-left:20px;"&gt;
  
                    &lt;div id="actions"&gt;
                      &lt;a id="log_in" class="close form_button sprited" href="#"&gt;Close&lt;/a&gt;
                    &lt;/div&gt;
              &lt;/div&gt;
  
      &lt;/div&gt;
  
    &lt;a id="close_x" class="close sprited" href="#" title="Close"&gt;Close&lt;/a&gt; &lt;/div&gt;
  
  &lt;input type="button" value="Add Item" id="try-1" onClick="" /&gt;
  </code></pre>
  
  <p>CSS Code</p>
  
  <pre><code>* {
      margin: 0;
      padding: 0;
      font-size: 1em;
      text-decoration: none;
      /*border: none;*/
      /*list-style: none;*/
      outline: none;
  }
  .sprited {
      background: url('download_sprite.png') no-repeat;
      line-height: 1000px;
      overflow: hidden;
      display: block;
  }
  .try {
      width: 93px;
      height: 31px;
      background-position: -30px -156px;
  }
  .try:hover {
      background-position: -30px -187px;
  }
  .try:active {
      background-position: -30px -218px;
  }
  h2 {
      margin-top: 50px;
  }
  #sign_up {
      -moz-border-radius: 6px;
      background: #eef2f7;
      -webkit-border-radius: 6px;
      border: 1px solid #536376;
      -webkit-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
      -moz-box-shadow:  rgba(0, 0, 0, .6) 0px 2px 12px;
      ;
      padding: 14px 22px;
      width: 400px;
      position: relative;
      display: none;
      font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #536376;
  }
  #sign_up a {
      color: #067dd7;
  }
  #sign_up a:hover {
      text-decoration: underline;
  }
  #sign_up #sign_up_form {
      margin-top: 13px;
  }
  #sign_up label {
      display: block;
      margin-bottom: 10px;
      color: #536376;
      font-size: .9em;
  }
  #sign_up label input {
      display: block;
      width: 393px;
      height: 31px;
      background-position: -201px 0;
      padding: 2px 8px;
      font-size: 1.2em;
      line-height: 31px;
      border: none;
  }
  #see_id {
      width: 228px;
      height: 23px;
      background-position: -202px -133px;
  }
  #left_out {
      background-position: -202px -158px;
      width: 113px;
      height: 16px;
  }
  #sign_up_form {
      position: relative;
      background: url('divider.png') repeat-x bottom left;
      padding-bottom: 54px;
      margin-bottom: 12px;
  }
  #actions {
      float: left;
      position: absolute;
      right: 0;
      height: 31px;
      bottom: 20px;
  }
  a.form_button {
      float: left;
      width: 93px;
      height: 31px;
      margin-right: 15px;
  }
  #cancel {
      background-position: -198px -36px;
  }
  #log_in {
      background-position: -291px -36px;
  }
  #cancel:hover {
      background-position: -198px -67px;
  }
  #cancel:active {
      background-position: -198px -98px;
  }
  #log_in:hover {
      background-position: -291px -67px;
  }
  #log_in:active {
      background-position: -291px -98px;
  }
  #close_x {
      width: 24px;
      height: 23px;
      overflow: hidden;
      line-height: 1000px;
      display: block;
      position: absolute;
      top: 5px;
      right: 5px;
      background-position: -387px -102px;
  }
  #usage {
      background-position: -323px -172px;
      width: 67px;
      height: 22px;
  }
  
  .log_in_button {
      float: left;
      width: 93px;
      height: 31px;
      margin-right: 15px;
      border:none;
      cursor: pointer;
  }
  
  .announcement{
      height:30px;    
      font-weight:bold;
      font-size:16px;
  }
  
  #home_sign_up_form {
      margin-top: 13px;
      position: relative; 
      padding-bottom: 54px;
      margin-bottom: 12px;
  }
  </code></pre>