title: Pass multiple parameters via onclick event to JavaScript function
body: <p>I've rendered a table using Jquery's DataTable library. Within this datatable I've rendered hyperlink anchors with an onclick event that calls a javascript function. I need to pass more than one parameter to these functions. </p>
  
  <p>I'm able to pass one parameter to the function but I'm unable to pass the variables as two separate parameters. See below code. E.g The value of the GuestID parameter in the emailGuest function takes both GuestID and email e.g. 84a09eeb-9d8d-43cb-9719-e597fc5ad215,someone@site.com*</p>
  
  <p><em>DataTable hyperlink render section</em></p>
  
  <pre><code>                    data: null, render: function (data, type, row )
                      {
                          return "&lt;a href='#' class='btn btn-danger' onclick= DeleteData('" + row.id + "'); &gt;Delete&lt;/a&gt;";
                      }
                  },
                  {
                      data: null, render: function (data, type, row) {
                          return "&lt;a href='#' class='btn  btn-default' onclick= emailGuest('" + row.id + ',' + row.email + "'); &gt;Email&lt;/a&gt;";
                      }
                  },
              ]
  
          });
      });
  </code></pre>
  
  <p><em>emailGuest Function</em> </p>
  
  <pre><code>   function emailGuest(GuestID,email) {
          $('#GuestEmail').modal('show');
          document.getElementById("emailID").value = GuestID;
  
          document.getElementById("emailAddress").value = email;
  
      }
  </code></pre>