title: Ajax call returns data with "/n" tags
body: <p>Hey All I've been searching around for awhile and haven't much luck finding the reasoning behind this so hopefully somebody can help me. I don't understand why it is returning newline characters </p>
  
  <pre><code>$('#tbl tr td').click(function () {
  
  // Here selection ="           710-610A      "  spaces are included 
               var selection = $(this).text();
               alert(selection)
  
              $.ajax({                     
                      type: "Post",
                      url: "/Home/Index/",
                      dataType: "json",
                      data: {  grpCode: selection },
                      success: function (ResponseData) {},
                      error: function (errorResponse) {
                      alert('AJAX Call Failed');
                  }
  
   // When passed grpCode = "\n                  710-610A\n          "
     I dnt understand why theres so many spaces along with it 
      [HttpPost]
      public ActionResult Index(string grpCode)
      {                    
          // do something
      }
  </code></pre>
  
  <p>I'm thinking it has something to do with the way I'm displaying my table in the View </p>
  
  <pre><code> &lt;table id="tbl"&gt;
      &lt;tr&gt;
          &lt;th&gt;
              Groups
          &lt;/th&gt;
      &lt;/tr&gt;
  
   @foreach (var item in Model.groupCodesList.Select(m=&gt; m.Group_Code).Distinct())
    {
        &lt;tr&gt;
            &lt;td&gt;
                @item
             &lt;/td&gt;
        &lt;/tr&gt;
    }
  &lt;/table&gt;
  </code></pre>
  
  <p>I am using EF Code First to retrieve Data </p>