html - Form Wont Submit -

i've been searching hours , can't find out whats wrong code. click submit button , wont submit. if put closing div @ end of first opening form tag submit, out of place. please please help!

<form action="../home" method="post"> <table class="position-details" cellpadding="0" cellspacing="0" border="0">   <tbody><tr>     <td class="label"><label for="jobtitle" style="padding-top:10px;">job title</label></td>     <td>         <input id="jobtitle" name="jobtitle" required="required" size="60" type="text"/><br>       example: “rails programmer”     </td>   </tr>   <tr>     <td style="padding-top: 4px;"><label>category</label></td>     <td style="padding-bottom: 0;">       <ul class="category selectable_container" style="list-style: none;">            <li class="selectable selected">             <input checked="checked" id="programming" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="programming">             <label for="programming">programming</label>           </li>            <li class="selectable">             <input id="design" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="design">             <label for="design">design</label>           </li>            <li class="selectable">             <input id="business" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="business">             <label for="business">business</label>           </li>            <li class="selectable">             <input id="systemadmin" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="systemadmin">             <label for="systemadmin">system admin</label>           </li>            <li class="selectable">             <input id="copywriter" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="copywriter">             <label for="copywriter">copywriter</label>           </li>            <li class="selectable">             <input id="customer" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="customer">             <label for="customer">customer service/support</label>           </li>            <li class="selectable">             <input id="miscellaneous" name="listing[category_id]" onclick="$(this).fire(&quot;selectable:changed&quot;);" type="radio" value="miscellaneous">             <label for="miscellaneous">miscellaneous</label>           </li>        </ul>     </td>   </tr>   <tr>     <td class="label"><label for="jobheadquarters" style="padding-top:10px;">headquarters</label></td>     <td>       <input id="jobheadquarters" name="jobheadquarters" required="required" size="60" type="text"><br>       “chicago, il”, “stockholm, sweden”     </td>   </tr>   <tr>     <td class="label"><label for="jobapply" style="padding-top:10px;">how apply</label></td>     <td>       <input id="jobapply" name="jobapply" required="required" size="60" type="text"/><br>       “resumes@company.com” or "http://company.com"     </td>   </tr> </tbody></table>  <div class="position-description">   <p><label for="jobdescription">job description</label></p>   <div class="rich_text_area uses_div">     <div class="text_area">       <div id="listing_description_editor" class="editor" contenteditable="true" style="height:250px;"></div>       <input class="body" id="jobdescription" name="jobdescription" required="required" type="hidden"/>     </div>   </div> </div>  <h2 style="font-family:futurabt-book;">company details</h2>  <table class="company-details">   <tbody>   <tr>     <td class="label"><label for="companyname">name</label></td>     <td>       <input id="companyname" name="companyname" required="required" size="60" type="text"/><br>enter company or organization’s name.     </td>   </tr>    <tr>     <td class="label"><label for="companyurl">url</label></td>     <td>       <input id="companyurl" name="companyurl" size="60" type="text"/><br>       example: http://www.google.com     </td>   </tr>    <tr>     <td class="label"><label for="companyemail">email</label></td>     <td>       <input id="companyemail" name="companyemail" required="email" size="60" type="text"/><br>       we’ll send receipt , confirmation email.     </td>   </tr> </tbody></table>    <h2>help ad stand out</h2>    <div class="highlight-listing">     <p>for <strong>$50 more</strong> can highlight ad. highlighted ads have yellow background in list stand out against others.</p>     <p>       <input name="listing[highlight]" type="hidden" value="0"><input id="listing_highlight" name="listing[highlight]" type="checkbox" value="1">       <label for="listing_highlight"><strong>yes, highlight ad</strong> $50.</label>     </p>   </div>   <button value="send" class="btn btn-success" type="submit" id="submit"/></form> 

i'm rendering above code in partial. goes this:

  <div class="header-new-post">     <div class="header-new-post-container">       <div class="topstatus">         <ul>           <li class="new">1. create ad</li>           <li class="preview">2. preview</li>           <li class="purchase" style="margin-right: 0;">3. purchase , publish</li>         </ul>       </div>     </div>   </div> <div class="container">   <div class="create-header">     <div class="create-info">       <p>your job listing remain on site 30 days. after 30 days job listing expire , removed. can post job again $100 30 days.</p>     </div>     <h1>step 1: create ad</h1>   </div>  <div class="theformitself" style="padding-left: 70px;">   <%= render 'home/submitpartial' %> </div>  </div> 

try

<input type="submit">