Input File Serialize

by shantaram

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>
<form action="">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  File name: <input type="file" name="fileName"><br>
</form>

<button>Serialize form values</button>

<div></div>
<br>
<br>
<p> Select File and Press "Serialize form values" Button </p>
<p>$("form").serialize(); not working for File Input </p>

JavaScript

$(document).ready(function(){
    $("button").click(function(){
        $("div").text($("form").serialize());
    });
});