title: Why is it reading [object Object]?
body: <p>I'm trying to read from Firebase, but I keep on getting this [object Object]. I don't know if I am reading wrong or if there is something wrong  with my database. I've also tried using jQuery, but it's not working. It might be something really simple that I'm missing. </p>
  
  <pre class="lang-js prettyprint-override"><code>//var transcript_title = null;
  //var transcript = null;
  //This is to intialize everything and auth. with the firebase server
  var config = {
      apiKey: "AIzaSyB9p1VvVfhnbrcDwUKUuSqw9aQsqnDi4nQ",
      authDomain: "html5project-870df.firebaseapp.com",
      databaseURL: "https://html5project-870df.firebaseio.com",
      projectId: "html5project-870df",
      storageBucket: "html5project-870df.appspot.com",
      messagingSenderId: "54935462861"
  };
  
  //firebase.initializeApp(config);
  //checks if it has been init
  if (!firebase.apps.length) {
      firebase.initializeApp({});
  }
  
  //declare variables
  var database = firebase.database();
  //tells where the items are going to be 
  var Rootref = database.ref().child("users");
  var ref = firebase.database().ref("users");
  
  ref.on("value", function(snapshot) {
      console.log(snapshot.val());
  }, function (error) {
      console.log("Error: " + error.code);
  });
  
  //var Rootref1 = database.ref().child("users").child("id: 113295907411766134791")/*.child("trans")*/;
  //used to retrieve data 
  Rootref.on("child_added",snap =&gt; { 
      //gets the child of titles stores it as variable
      var transcript_title = snap.child("titles").val();
      //var transcript_title = (snap.val() &amp;&amp; snap.val().titles);
      //gets the actual title and stores it as a var
      //var transcript = snap.child(transcript_title).val();
  
      $('#transcrip').val(snap.child('users/id: 107621796826103613669'))
      //jquery - way to add html elemnts with javascript
  
      $("#read").append('&lt;h4 id = "clicked"&gt;'+transcript_title+'&lt;/h4&gt;');
      //$("#read").append('&lt;h4 &gt;Test&lt;/h4&gt;');
  
      //when button view was clicked it will show the transcriptiodn
  });
  </code></pre>
  
  <pre><code>{
    "users" : {
      "id: 107621796826103613669" : {
        "hi1" : [ "test" ],
        "hi2" : [ "hi" ],
        "hi23" : [ "hi3" ],
        "hi3" : [ "blaha" ],
        "test" : [ "blahblah" ],
        "test2" : [ "te2" ],
        "titles" : {
          "1" : "hi1",
          "2" : "hi1",
          "184" : "test2",
          "230" : "test",
          "1192012017" : "hi3",
          "2019201220" : "test"
        }
      }
    }
  }
  </code></pre>