jQuery submit button doesn't work on load
<p>when i load the page normally everything is going, the form is submitted and i get the right responses .. but when i load the page with <code>.load()</code> function jQuery the form doesnt submitted! and i get nothing from Ajax function!! any help </p>

<p>this is my HTML :</p>

<pre><code>                   &lt;div class="container"&gt;
                        &lt;div class="row"&gt;
                            &lt;h4&gt;Manage Contents&lt;/h4&gt;
                            &lt;div class="table-responsive table3"&gt;
                              &lt;table class="table table-bordered"&gt;
                                &lt;thead&gt;
                                  &lt;tr&gt;
                                    &lt;th&gt;#&lt;/th&gt;
                                    &lt;th&gt;Content&lt;/th&gt;
                                    &lt;th&gt;Owner&lt;/th&gt;
                                    &lt;th&gt;Created Date&lt;/th&gt;
                                    &lt;th&gt;Project&lt;/th&gt;
                                    &lt;th&gt;Priorty&lt;/th&gt;
                                    &lt;th&gt;Options&lt;/th&gt;
                                  &lt;/tr&gt;
                                &lt;/thead&gt;
                                &lt;tbody&gt;
                                @if ($availabe &gt;= 1 )
                                  &lt;?php $i =1; ?&gt;
                                  @foreach ($avashown as $key)

                              &lt;?php //this is edit content form?&gt;
                              @if(isset($index) &amp;&amp; $index == $i &amp;&amp; isset($editid) &amp;&amp; isset($idexist) &amp;&amp; $idexist == $key-&gt;id)
                                &lt;tr&gt;
                                &lt;form id="edit-content-form" action="/testajax" method="POST"&gt;
                                    &lt;td&gt;{{ $i }}&lt;/td&gt;
                                    &lt;td hidden="hidden"&gt;{{ csrf_field() }}&lt;/td&gt;
                                    &lt;td hidden="hidden"&gt;&lt;input type="hidden" name="id" value="{{ $editid }}"&gt;&lt;/td&gt;
                                    &lt;td hidden="hidden"&gt;&lt;input type="hidden" name="index" value="{{ $index }}"&gt;&lt;/td&gt;
                                    &lt;td colspan="3"&gt;
                                      &lt;div class="control-group" id="inputField1"&gt;
                                        &lt;input class="form-control" type="text" name="content" value="{{ $key-&gt;content }}"&gt;
                                        &lt;span class="help-block hideme" id="help-block1"&gt;&lt;/span&gt;
                                      &lt;/div&gt;
                                    &lt;/td&gt;                                    
                                      &lt;td colspan="1"&gt;
                                        &lt;div class="control-group" id="inputField2"&gt;
                                          &lt;select class="form-control" name="project"&gt;
                                            @foreach ($projects as $project)
                                              &lt;option value="{{ $project-&gt;id }}"&gt;{{ $project-&gt;projectname }}&lt;/option&gt;
                                              @endforeach
                                          &lt;/select&gt;
                                          &lt;span class="help-block hideme" id="help-block2"&gt;&lt;/span&gt;
                                        &lt;/div&gt;
                                      &lt;/td&gt;
                                      &lt;td colspan="1"&gt;
                                        &lt;div class="control-group" id="inputField3"&gt;
                                          &lt;select class="form-control" name="priority"&gt;
                                              @foreach ($priorities as $priority)
                                              &lt;option value="{{ $priority-&gt;id }}"&gt;{{ $priority-&gt;value }}&lt;/option&gt;
                                              @endforeach
                                          &lt;/select&gt;
                                          &lt;span class="help-block hideme" id="help-block3"&gt;&lt;/span&gt;
                                        &lt;/div&gt;
                                      &lt;/td&gt;
                                      &lt;td&gt;
                                        &lt;input type="submit" id="submitForm" name="submit" value="Done"&gt;
                                      &lt;/td&gt;
                                    &lt;/form&gt;
                                &lt;/tr&gt;
                              &lt;?php $i++;//i have to increase it here again?&gt;
                              @else
                              &lt;tr&gt;
                              &lt;td class="hidden"&gt;&lt;/td&gt;
                                &lt;td&gt;{{ $i }}&lt;/td&gt;
                                &lt;td&gt;{{ $key-&gt;content }}&lt;/td&gt;
                                &lt;?php $firstname = \App\User::find($key-&gt;owner_id);?&gt;
                                &lt;td&gt;{{ ucfirst($firstname-&gt;firstname) }}&lt;/td&gt;
                                &lt;td&gt;{{ $key-&gt;created_at }}&lt;/td&gt;
                                &lt;?php $projectname = \App\Project::find($key-&gt;project_id);?&gt;
                                &lt;td&gt;{{ $projectname-&gt; projectname }}&lt;/td&gt;
                                &lt;?php $priorty = \App\Priority::find($key-&gt;priority_id);?&gt;
                                &lt;td&gt;&lt;span class ="label label-{{ $priorty-&gt;name }}"&gt;{{ $priorty-&gt;value }}&lt;span&gt;&lt;/td&gt;

                                &lt;td&gt;
                                  &lt;span class="glyphicon glyphicon-trash" data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="ContentStatus('delete/ajax/{{ $key-&gt;id }}')"&gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;

                                  &lt;span id="editContentGlyph" data-toggle="tooltip" data-placement="bottom" title="Edit" class="glyphicon glyphicon-cog" onclick="editContent({{ $i }},{{ $key-&gt;id }})"&gt;&lt;/span&gt;

                                &lt;/td&gt;
                              &lt;?php $i++; ?&gt;
                              &lt;/tr&gt;
                              @endif
                                @endforeach
                              @else
                                  &lt;tr&gt;
                                      &lt;td&gt;0&lt;/td&gt;
                                      &lt;td colspan="6"&gt;Let's Work and Add some Contents! &lt;a href="/new_content" data-toggle="tooltip" data-placement="bottom" title="Create"&gt;Create&lt;/a&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                            @endif
                          &lt;/tbody&gt;
                        &lt;/table&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;`
</code></pre>

<p>this is my script file :</p>

<pre><code>function editContent(index,id){

    var place  = ".table3 tbody tr:nth-child("+index+") " ;
    var place  = "#alltables" ;
    var des    = place+" &gt; *";

$(document).ready(function(){
    $( place ).load("http://localhost:8000/manage_contents/"+index+"/"+id+" "+des, function(){
    });
});
}


$(document).ready(function(){

$(function(){
    $('#edit-content-form').on('submit',function(e){
        $.ajaxSetup({
            header:$('meta[name="_token"]').attr('content')
        })
        e.preventDefault(e);

            $.ajax({

            type:"PUT",
            url:'http://localhost:8000/testajax',
            data:$(this).serialize(),
            dataType: 'json', 
            success: function(data){
                $("#alerts").html(data.responseText);

                if (data.updated) {
                    var place  = ".table3 tbody tr:nth-child("+data.index+") " ;
                    var des    = place+" &gt; *";
                    $( place ).load("http://localhost:8000/manage_contents/ "+des, function(){
                    });
                }

            },
            error: function(data,xhr, ajaxOptions, thrownError){
                $.each(data.responseJSON, function(){
                    var i = 1;
                    $.each(this, function(index,error) {
                        $("#inputField"+i).addClass(" has-error");
                        $("#help-block"+i).removeClass(" hideme");
                        $("#help-block"+i).html("&lt;strong&gt;"+error+"&lt;/strong&gt;");
                        i++;
                    });
                });

            },
        })
    });
});




});
</code></pre>

<p>`</p>