// create a function that stores added title and body, function that makes dynamic element ('li' li's need to have a h1, p , [delete, uipvote, downvote] buttons, quality)
var titleInput = $('.title-input-js');
var descriptionInput = $('.description-input-js');
var saveButton = $('.save-button');


saveButton.on('click', function(){
  $('ul').append(
    '<li>' +
      '<h2 class="idea-title">' + titleInput.val() + '</h2>' +
      '<input class="delete-button" type="image" src="images/delete.svg" height="20" width="20"' +
      '<p class="idea-description">' + descriptionInput.val() + '</p>' +
      '<input class="upvote-button" type="image" src="images/upvote.svg" height="20" width="20">' +
      '<input class="downvote-button" type="image" src="images/downvote.svg" height="20" width="20"' +
      '<p class="quality-value">' + 'ranking: swill' + '</p>' +
    '</li>');
});


// function that removes li

$('ul').on('click', '.delete-button', function() {
  $(this).parent().remove('li');
});


// function that changes quality


// function that searches with li's
// function to be able to edit li's
// function that replaces edited li
// function to local store and remove li's
// Create new function or add to other function, to call on stored li's
// functions for buttons that will refrence previous buttons

// create a function that stores added title and body, function that makes dynamic element ('li' li's need to have a h1, p , [delete, uipvote, downvote] buttons, quality)
var titleInput = $('.title-input-js');
var descriptionInput = $('.description-input-js');
var saveButton = $('.save-button');


saveButton.on('click', function(){
  $('ul').append(
    '<li>' +
      '<h2 class="idea-title">' + titleInput.val() + '</h2>' +
      '<img>' +
      '<p class="idea-description">' + descriptionInput.val() + '</p>' +
      '<img>' +
      '<img>' +
      '<p class="ranking-value">' + 'ranking: swill' + '</p>' +
    '</li>');
});

// function that removes li
// function that changes quality
// function that searches with li's
// function to be able to edit li's
// function that replaces edited li
// function to local store and remove li's
// Create new function or add to other function, to call on stored li's
// functions for buttons that will refrence previous buttons

--- 
+++ 
@@ -8,16 +8,25 @@
   $('ul').append(
     '<li>' +
       '<h2 class="idea-title">' + titleInput.val() + '</h2>' +
-      '<img>' +
+      '<input class="delete-button" type="image" src="images/delete.svg" height="20" width="20"' +
       '<p class="idea-description">' + descriptionInput.val() + '</p>' +
-      '<img>' +
-      '<img>' +
-      '<p class="ranking-value">' + 'ranking: swill' + '</p>' +
+      '<input class="upvote-button" type="image" src="images/upvote.svg" height="20" width="20">' +
+      '<input class="downvote-button" type="image" src="images/downvote.svg" height="20" width="20"' +
+      '<p class="quality-value">' + 'ranking: swill' + '</p>' +
     '</li>');
 });
 
+
 // function that removes li
+
+$('ul').on('click', '.delete-button', function() {
+  $(this).parent().remove('li');
+});
+
+
 // function that changes quality
+
+
 // function that searches with li's
 // function to be able to edit li's
 // function that replaces edited li
Add buttons to li's and add functionality for delte button.
