title: jQuery create new div with ID?
body: <p>I have form in my ASP.NET masterPage.master and if i click on submit it call some method from masterPage.master.cs file by ajax (i have it in update panel). But i want improve it with jQuery. So i have this:</p>
  
  <pre><code>$('#submit').click(function () {
              $.ajax({
                  type: "POST",
                  url: '&lt;% Response.Write("~"+Request.Path); %&gt;',
                  beforeSend: function () {
                      $(document.createElement('div')).width($('#formBox').width())
                      .height($('#formBox').height())
                      .css({ backgroundImage: 'url(/Static/Img/bc_overlay.png)', position: 'absolute', left: 0, top: 0, margin: "5px", textAlign: "center", color: "#000", display: "none" })
                      .append("&lt;strong&gt;Načítám&lt;/strong&gt;&lt;br /&gt;&lt;img src='Static/Img/ajax-loader.gif' width='33px' height='33px' alt='loading' /&gt;")
                      .fadeIn("slow")
                      .prependTo($('#formBox'));
                      $('#formBox').css('position', 'relative');
                  },
                  success: function () {
                  }
              });
          });
  </code></pre>
  
  <p>So if i click on submit, new div is creating (there is loading text and image, and cool opacity overlay), but <strong>how i give to this div some ID?</strong> Because i need use it in</p>
  
  <pre><code>success: function () {
                      }
  </code></pre>
  
  <p>i need clear this box and write here some text (error or success).</p>