title: Unable to push the input data into my Firebase database
body: <p>I am currently working on the Sign Up module for our project and it's the first time I program using firebase as a backend. here's the code for my Sign Up form in HTML:</p>
  
  <pre><code>&lt;form class="innerContent"&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="text" id="tName"&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tName"&gt;Name of Tailor/Tailor Shop&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="text" id="tAddress"&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tAddress"&gt;Address of Tailor/Tailor Shop&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield"&gt;
          &lt;textarea class="mdl-textfield__input" type="text" rows= "3" id="tDesc"&gt;&lt;/textarea&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tDesc"&gt;Description&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield"&gt;
          &lt;textarea class="mdl-textfield__input" type="text" rows= "3" id="tContact"&gt;&lt;/textarea&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tContact"&gt;Contact Details&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="text" id="tUsername"&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tUsername"&gt;Username&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="password" id="tPassword"&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tPassword"&gt;Password&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
          &lt;input class="mdl-textfield__input" type="password" id="tRePassword"&gt;
          &lt;label class="inputLabel mdl-textfield__label" for="tRePassword"&gt;Re-type Password&lt;/label&gt;
      &lt;/div&gt;
      &lt;p&gt;
      &lt;input id="TaC" type="checkbox" for="TaC"&gt; I have read the the &lt;a href="#"&gt;Terms and Conditions&lt;/a&gt;
      &lt;button id="SignUpBtn" class="farBtn mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" type="button" onclick="signUp()" disabled&gt;
          &lt;i class="material-icons"&gt;done_all&lt;/i&gt; Sign Up
      &lt;/button&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want a user to register all of its information into my firebase database. When the Sign Up button is pressed, it will trigger this function in my javascript:</p>
  
  <pre><code>function signUp(){
  var name = $("#tName").val();
  var address = $("#tAddress").val();
  var description = $("#tDesc").val();
  var contact = $("#tContact").val();
  var username = $("#tUsername").val();
  var pword = $("#tPassword").val();
  
  var tailors = notsDB.child("tailors");
  
  tailors.push({
      tName: name,
      tAddreass: address,
      tDescription: description,
      tContact: contact,
      tUsername: username,
      tPassword: pword
  });
  </code></pre>
  
  <p>But unfortunately, it doesn't work! I looked at my database in the firebase console and nothing's change. I tried changing the rules by replacing the <code>auth != null</code> to <code>true</code> , but it didn't work.</p>
  
  <p>Setting aside the possibility of not implementing the push function properly, I'm suspecting that I'M NOT CONNECTED PROPERLY TO MY FIREBASE ACCOUNT. I recalled all the procedures I did in connecting my web app to firebase:</p>
  
  <ol>
  <li>I created an account in firebase</li>
  <li>I installed Node.js in my pc</li>
  <li>I put the following snippet of code in my HTML file (at the bottom of the body section, before all other javascript)</li>
  </ol>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- FIREBASE --&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-app.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-auth.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-database.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-messaging.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  &lt;!-- Initialize Firebase --&gt;
  var config = {
      apiKey: "AIzaSyCM6Ublqz7PLkRgkzGe6vhsvb7iU0BU5Tk",
      authDomain: "nots-eece8.firebaseapp.com",
      databaseURL: "https://nots-eece8.firebaseio.com",
      projectId: "nots-eece8",
      storageBucket: "nots-eece8.appspot.com",
   messagingSenderId: "472888671312"
  };
  firebase.initializeApp(config);
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is there any procedure that I skipped in setting up the firebase in my web app? Is it necessary to install the Firebase SDK with the <code>npm install firebase --save</code>? Or the error lies in my push function?</p>
  
  <p>NOTE: I've put the following code before my signUp method in my javascript file:</p>
  
  <p><code>var firebase = require('firebase');</code></p>
  
  <p><code>var notsDB = new Firebase('https://nots-eece8.firebaseio.com');</code></p>