jquery serializeArray(）不是使用语义ui框架创建的

我正在创建语义UI。我希望在单击提交按钮时序列化数组值。我有两个用于用户名和密码的文本框。我在两个文本框中都输入了一些值。当我点击提交按钮时，我想要序列化Json格式的数组转换。但我已经做了一些代码。但它不起作用。也许我不知道确切的路。有人能帮忙吗？

我还想知道如何将serialize发送到WCF服务的Json Url。

<div class="ui small signin modal">
        <i class="circular inverted teal close icon"></i>
          <div class="column">
            <div class="ui fluid form segment sub_form">
              <h3 class="ui header">Sign In</h3>
                <div class="field">
                  <div class="ui left labeled icon input">
                    <input type="text" id="txtUserName" placeholder="username" name="login_name">
                    <i class="user icon"></i>
                    <div class="ui corner label">
                      <i class="icon asterisk"></i>
                    </div>
                  </div>
                </div>
                <div class="field">
                  <div class="ui left labeled icon input">
                    <input type="password" placeholder="password" name="login_psw">
                    <i class="lock icon"></i>
                    <div class="ui corner label">
                      <i class="icon asterisk"></i>
                    </div>
                  </div>
                </div>
                <div class="ui blue submit button">Login</div>
                <div id="results" class="ui compact message"></div>
                <div id="json_obj" class="ui compact message"></div>
            </div>
          </div>
     </div>

JQuery代码：

$(document).ready(function() {
  $(".ui.form").submit(function(event) {
    console.log($(this).serializeArray());
    event.preventDefault();
  });
 });