title: Change TD value using AJAX from another view
body: <p>I have 2 view, one is the primary to generate the reports, and the other I didn't want to open it, just I designed it with specific tables in order to fill these tables using AJAX in the main view then print it, the problem in the accessing to each <code>&lt;td&gt;</code> id and change its value using ajax, when I tried to alert its content, a message with Undefined appeared, any idea about how I can do that please.</p>
  
  <p><a href="https://i.stack.imgur.com/JAoNn.png" rel="nofollow noreferrer">My views structure</a></p>
  
  <pre><code>function FillAndPrint(arrangement) {
  
      $.ajax({
          type: "Get",
          url: "/Home/Report_Data",
          datatype: "json",
          dataSrc: "",
          contentType: 'application/json; charset=utf-8',
          data: { 'Arrnagement': arrangement },
          success: function (data) {
              //this just for test, the main code will change tds values from JSON file 
              $("#LD_name").html("test"); // LD_name exist on another view
              alert($("#LD_name").val()); // result is Undefined
              },
          error: function (httpRequest, textStatus, errorThrown) {  // detailed error messsage 
              alert("Error: " + textStatus + " " + errorThrown + " " + httpRequest);
          }
      });
      }
  </code></pre>
  
  <p>if this way is impossible, please tell me which way to use.  </p>