title: Ajax return multiple values
body: <p>I'm trying to return multiple values as shown below but one value is only returning on success.</p>
  
  <p>This is what I'm trying to do :</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function () {
                  $("#getdetails").click(function () {
                  $.ajax({
                      type: "POST",
                      url: "Default.aspx/Gettext",
                      data: JSON.stringify({ SampleText: $('#sampletext').val(), FontType: $('#fonttype').val()}),
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      success: function (msg) {
                          $("#Result").text(msg.d);
                      }
                  });
  
          $("#FontLists").change(function () {
              $('#fonttype').val($('#FontLists option:selected').text());
          });
      });
  &lt;/Script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>Enter Text :&lt;input id="sampletext" type="text" /&gt;
  &lt;select id="FontLists"&gt;
      &lt;option value="Aharoni"&gt;Aharoni&lt;/option&gt;
      &lt;option value="Algerian"&gt;Algerian&lt;/option&gt;
      &lt;option value="Andalus"&gt;Andalus&lt;/option&gt;
  &lt;/select&gt;
  &lt;input id="fonttype" type="hidden" /&gt;
  </code></pre>
  
  <p>Codebehind:</p>
  
  <pre><code>&lt;WebMethod()&gt; _
  &lt;ScriptMethod(ResponseFormat:=ResponseFormat.Json)&gt;
  Public Shared Function Gettext(ByVal SampleText As String, ByVal FontType As String) As String
      Return SampleText
      Return FontType
  End Function
  </code></pre>