title: Cannot pass textarea input to PHP variable
body: <p>To begin, I'm working with 3 languages. HTML, Javascript and PHP. I'm unable to pass user inputted textarea text to a PHP variable which would be used as a message in an email that would be sent out. What I believe to be the problem is that my textarea is actually in a modal window and for some reason I think that is what is screwing things up.</p>
  
  <p>Here is my HTML Code:</p>
  
  <pre><code>&lt;div class="rejectModal" title="rejectModal" id="rejectModal" style="display: none; padding:15px "&gt;          
      &lt;form name="rejectForm" action=""&gt;
  
      &lt;textarea id="rejectArea" name="rejectArea" rows="6" cols="43"&gt;{$rejectAreaNote}&lt;/textarea&gt; 
  
  
      &lt;input type="button" value="Reject" class="btn success" id="submitReject" name="Reject" /&gt;
  
      &lt;input class="btn" type="reset" value="Cancel" id="btnCancelSaveModal"  /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS Code:</p>
  
  <pre><code>$(function() {  
  $(".submitReject").click(function() {  
      // validate and process form here  
      $('.error').hide();  
      var rejectAreaNote = $("textarea#rejectArea").val();  
      var noteLength = rejectAreaNote.length;
      if (rejectAreaNote == "" || noteLength &lt; 5) {  
          $("label#rejectArea_error").show();  
          $("textarea#rejectArea").focus();  
          return false;  
      }  
      var dataString = rejectAreaNote;  
  
      alert (dataString);
      //return false;  
  
  $.ajax({  
      type: "POST",  
      url: "gs_ViewDocument.php",  
      data: {
          "Reject" : "Reject",
          "rejectAreaNote" : "rejectAreaNote"
      },
      success: function() {  
          $('#reject_form').html("&lt;div id='message'&gt;&lt;/div&gt;");  
          $('#message').html("Reject Submitted!");
      }  
  });  
      return false;  
   });  
  </code></pre>
  
  <p>});  </p>
  
  <p>What creates the Modal (JS):</p>
  
  <pre><code>    $('.rejectModal').css("background", "lightblue");
            $('#btnRejectDocument').bind(isTouchScreen ? "touchstart" : "click", function(){
         if (!gsSelection.unselectElem()) return false; 
             $('.rejectModal').dialog({
             modal:true, 
             resizable:false,
          width: 400,
      }).removeClass("ui-widget-content");
      $(".ui-dialog-titlebar").hide();
      return;
   });
  $('#btnRejectDocumentModal').bind(isTouchScreen ? "touchstart" : "click", function(){
     $(this).parents('div.rejectModal').dialog('close');
  });
  $('#btnCancelSaveModal').bind(isTouchScreen ? "touchstart" : "click", function(){
     $(this).parents('div.rejectModal').dialog('close');
  });
  </code></pre>
  
  <p>PHP Code:</p>
  
  <pre><code>if(isset($_POST['Reject'])&amp;&amp;$_POST['Reject']=='Reject')     
   {
        $isReject = true;
        RejectAction($DocumentID, $ClientName, $ClientEmail);
        $smartyvalues["isReject"] = $isReject;
        $smartyvalues["RejectMsg"] = "successfully rejected!";
   }
  </code></pre>
  
  <p>Also pretty new tot his
  Any help is greatly appreciated.</p>