jquery form not working as expected. ajaxForm is not a function

You are loading jQuery twice. The second loading of jQuery overrides the first and clobbers any plugins.

<script src="/jobs/public/js/jquery.js"></script><script src="/jobs/public/js/jquery.form.js"></script>...<script src="/jobs/public/js/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>

It is this second jquery-1.9.1 that is not getting .ajaxForm. Use one or the other.

Add the form jquery to the bottom of the scripts

Use this and work is done

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js" integrity="sha384-qlmct0AOBiA2VPZkMY3+2WqkHtIQ9lSdAsAn5RUJD/3vA5MKDgSGcdmIv4ycVxyn" crossorigin="anonymous"></script>

i designed a good uploader just like this :

<script src="jquery-1.4.2.min.js" type="text/javascript"></script><script src="jquery.form.js"></script>

and worked complete and used ajax just like this :

$('form').ajaxForm    ({    beforeSend: function()     {    var percentVal = '20%';    prog.css("width",percentVal);    },    uploadProgress: function(event, position, total, percentComplete)     {    var percentVal = percentComplete + '%';    prog.css("width",percentVal);    darsad.html(percentVal + ' uploading .');    //console.log(percentVal, position, total);    },    success: function()     {    var percentVal = '100%';    darsad.html(percentVal + ' uploaded success.');    prog.css("width",percentVal);    },    complete: function(xhr)     {    //status.html(xhr.responseText);    darsad.html(percentVal + ' uploaded complete.');    }    });