krajee bootstrap file input en un form con otros campos input

[obravo]

Tengo un formulario con un textarea y un fileinput

Código PHP:

              echo "<div class='col-xs-12 col-sm-6 col-md-6'>";
                   echo "<h3><span class='label label-info'>DATOS NUEVOS</span></h3>";
                echo "<div class='well well-sm'>";
                    echo "<div class='row'>";
                        echo "<div class='col-sm-12 col-md-12'>";
                                echo "<textarea name='obsart' class='form-control' rows='6'></textarea>";
                        echo "</div>";
                    echo "</div>";
 
                    echo "<div class='row'>";
                      echo "<div class='col-sm-12 col-md-12'>";
                        echo "<h4 align='center'><span class='label label-primary'>ADJUNTAR FOTO</span></h4>";
                        echo "<input id='nom-foto' name='nom-foto' type='file' accept='image/*' class='file-loading' > ";
                        echo "</div>";
                    echo "</div>";
                echo "</div>";
            echo "</div>";
 
        echo "</div>"; 
   

Aqui es donde subo la imagen al servidor

Código PHP:

  <script>
$(document).on('ready', function() {
    var fotarti = "";
    $("#nom-foto").fileinput({
        uploadUrl: 'sube_modartic-nw.php',
        dropZoneEnabled: false, 
        previewFileType: "image",
        allowedFileExtensions: ["jpg", "gif", "png"] ,        
        browseClass: "btn btn-success",
        browseLabel: "Selecciona",
        browseTitle: "Selecciona la foto",
        browseIcon: "<i class=\"glyphicon glyphicon-picture\"></i> ",
        removeClass: "btn btn-danger",
        removeLabel: "Borrar",
        removeTitle: "Anula foto seleccionada",        
        removeIcon: "<i class=\"glyphicon glyphicon-trash\"></i> ",
        uploadClass: "btn btn-info",
        uploadLabel: "Grabar",
        uploadTitle: "Graba la foto seleccionada",        
        uploadIcon: "<i class=\"glyphicon glyphicon-upload\"></i> ",
        previewClass: "bg-warning",
        initialCaption: "Selecciona la foto",
        uploadExtraData: {nomfoto: fotarti}
    });
});
</script> 
  

Si selecciono la foto y la subo al servidor con el boton "GRABAR", la sube perfectamente, pero si después hago clic en el botón "NOTIFICAR CAMBIOS" el valor pasa vacío y no encuentro el fallo.

¿cómo puedo pasar el nombre de la foto seleccionada con el botón submit del formulario (método POST)?