wordpress - Form Won't Submit With Javascript -

i trying add following code contact form 7 on wordpress:

<div class="form"> <div class="f-name"> [text* your-name watermark "name *"] </div>  <div class="f-email"> [email* your-email watermark "email *"] </div>  <div class="f-subject"> [text your-subject watermark "phone"] </div>  <div class="f-message"> [textarea* your-message watermark "message *"] </div>  <div class="f-captcha">  <div class="f-captcha-insert"> [captchac captcha-886 size:l]  </div>  <div class="f-captcha-confirm"> [text* captchar captcha-886 size:m watermark "please enter characters above."] </div>  </div>  <div class="bt-contact">  <a class="btn-color btn-color-1d" href="javascript:;">[submit "send email"]</a> </div>  </div> 

when click save, 403 error notifying me not have permission... if add normal default contact form 7, ads fine.

i started removing code above form until found out causing problem. line below causing problem, not sure why:

href="javascript:;"

can suggest wrong? thank you.

contact form 7 submits should not wrapped in button. view source of rendered page, , you'll see why.

change line:

<a class="btn-color btn-color-1d" href="javascript:;">[submit "send email"]</a> 

to this:

[submit class:btn-color class:btn-color-1d "send email"]