не работает авторизация в модальном окне что делать?

[group=5]
<li style="border-right: 1px solid #898788;height: 15px;padding: 0px 10px 0px 6px;float: left;margin-right: 9px;"><a href="#dialog" name="modal" id="wishlist-total" title="Войти на сайт"><span >Авторизация</span></a></li>            
<div id="boxes">
<div id="dialog" class="window">
<h3>Вход в личный кабинет</h3>
<div class="login-form">
  <div class="flex-row">
    <label class="lf--label" for="login_name">
      <svg x="0px" y="0px" width="12px" height="13px">
        <path fill="#B1B7C4" d="M8.9,7.2C9,6.9,9,6.7,9,6.5v-4C9,1.1,7.9,0,6.5,0h-1C4.1,0,3,1.1,3,2.5v4c0,0.2,0,0.4,0.1,0.7 C1.3,7.8,0,9.5,0,11.5V13h12v-1.5C12,9.5,10.7,7.8,8.9,7.2z M4,2.5C4,1.7,4.7,1,5.5,1h1C7.3,1,8,1.7,8,2.5v4c0,0.2,0,0.4-0.1,0.6 l0.1,0L7.9,7.3C7.6,7.8,7.1,8.2,6.5,8.2h-1c-0.6,0-1.1-0.4-1.4-0.9L4.1,7.1l0.1,0C4,6.9,4,6.7,4,6.5V2.5z M11,12H1v-0.5 c0-1.6,1-2.9,2.4-3.4c0.5,0.7,1.2,1.1,2.1,1.1h1c0.8,0,1.6-0.4,2.1-1.1C10,8.5,11,9.9,11,11.5V12z"
        />
      </svg>
    </label>
    <input id="username" autocomplete="off" name="login_name" id="login_name" class='lf--input' placeholder='Логин' type='text' >
  </div>

  <div class="flex-row">
    <label class="lf--label" for="login_password">
      <svg x="0px" y="0px" width="15px" height="5px">
        <g>
          <path fill="#B1B7C4" d="M6,2L6,2c0-1.1-1-2-2.1-2H2.1C1,0,0,0.9,0,2.1v0.8C0,4.1,1,5,2.1,5h1.7C5,5,6,4.1,6,2.9V3h5v1h1V3h1v2h1V3h1 V2H6z M5.1,2.9c0,0.7-0.6,1.2-1.3,1.2H2.1c-0.7,0-1.3-0.6-1.3-1.2V2.1c0-0.7,0.6-1.2,1.3-1.2h1.7c0.7,0,1.3,0.6,1.3,1.2V2.9z"
          />
        </g>
      </svg>
    </label>
    <input id="password" autocomplete="off" type="password" name="login_password"  class='lf--input' placeholder='Пароль' type='password'>
  </div>
  <input class='lf--submit' onclick="submit();" type="submit" value='Войти'><i class="m-icon-login"></i>
</div>

<h3 style="padding-top: 14px;">Войти с помощью</h3>
<p>&nbsp;</p>
<div class="clearfix"></div>
<div class="sign-in">
    <p style="float: left; width: 169px; background-color: #3b5998;"><a style="color: #FFFFFF;" href="{facebook_url}" class="butt2on fak">Facebook</a></p>
    <p style="float: right; width: 169px; background-color: #6782BE;"><a style="color: #FFFFFF;" href="{vk_url}" class="butt2on vk22">Вконтакте</a></p>
    <p style="float: left; width: 169px; background-color: #53DD7E;"><a style="color: #FFFFFF;" href="{mailru_url}" class="butt2on tw">Mail.ru</a></p>
    <p style="float: right; width: 169px; background-color: #de4c34;"><a style="color: #FFFFFF;" href="{google_url}" class="butt2on go">Google+</a></p>
</div>
<div class="clearfix"></div>
<h3 style="padding-top: 17px; font-size: 20px;">Забыли пароль?</h3>
<h3 style="padding-top: 0px; font-size: 15px;">Перейдите по <a style="color: #E24C7D;" href="{lostpassword-link}">сылке</a> для восстановления.</h3>
<h3 style="padding-top: 0px; font-size: 15px;">Ещё не зарегистрированы? <a style="color: #E24C7D;" href="{registration-link}">Создайте аккаунт</a></h3>
</div>
<div id="mask"></div>
</div>    
[/group]