diff --git a/public/js/script.js b/public/js/script.js
index 1e60085..1617774 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -16,5 +16,27 @@ document.getElementById('uploadForm').addEventListener('submit', async function
   outputSection.style.display = "block";
   coverLetterOutput.value = "Generating cover letter...";
 
+  try {
+    const response = await fetch('/generate', {
+      method: 'POST',
+      body: formData
+    });
 
-})
\ No newline at end of file
+    const result = await response.json();
+    if (result.coverLetter) {
+      coverLetterOutput.value = result.coverLetter;
+      downloadBtn.style.display = 'block';
+    } else {
+      alert('Error Generating Cover Letter (Check Console for more details');
+      outputSection.style.display = 'none' // Hides the output on erros
+    }
+  } catch (error) {
+    console.error('Error:', error);
+    alert('Something went wrong. Please try again.');
+    outputSection.style.display = "none";
+  } finally {
+    generateBtn.disabled = false;
+    generateBtn.textContent = 'Generate Cover Letter';
+  }
+
+});
\ No newline at end of file